how to combine multiple css class selectors for jquery buttonset? -
i using jquery buttonset , setting icon, when hovered on or when active, colored version of icon stands out. css looks like:
.ui-button .ui-icon.line { background-image: url("/static/16x16/line-black.gif"); } .ui-button.ui-state-hover .ui-icon.line { background-image: url("/static/16x16/line-color.gif"); } .ui-button.ui-state-active .ui-icon.line { background-image: url("/static/16x16/line-color.gif"); }
the above css works fine. question whether there way combine 2nd , 3rd css rules.
i have tried, among other variations, this:
.ui-button .ui-icon.line { background-image: url("/static/16x16/line-black.gif"); } .ui-button.ui-state-hover .ui-button.ui-state-active .ui-icon.line { background-image: url("/static/16x16/line-color.gif"); }
but haven't found combination works.
is there way combine 2 combinations (.ui-button.ui-state-hover , .ui-button.ui-state-active) in 1 css selector?
you can separate multiple selectors comma:
.ui-button.ui-state-hover .ui-icon.line, .ui-button.ui-state-active .ui-icon.line { background-image: url("/static/16x16/line-color.gif"); }
Comments
Post a Comment