Ágota Horváth Ágota Horváth - 29 days ago 8
CSS Question

CSS format class when it does not contains a string?

If I would like to format an element that has a given class, sometimes (very rare) I use:

.beigeButton[class~="enabledButton"] {

}


What if I want to give properties to an element only when it does NOT contain the given srting?
This does not work:

.beigeButton[class!="enabledButton"] {

}


How can I do that?

Answer

Use :not:

.beigeButton:not(.enabledButton)
Comments