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

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

c++ - Clear the memory after returning a vector in a function -

erlang - Saving a digraph to mnesia is hindered because of its side-effects -