Question

I have one question concerning css classes and elements. Say I have something like form input[type=submit] {...}

Now on one page I want to add a submit button but with a different look. So I created a class for example form .button and added class="button" to a submit button. The problem is now that the settings of form input[type=submit] {...} seem to be stronger so that the button with the class looks the same. How could I solve this problem?

Answer 1

This is about specificity. form input[type=submit] is more specific, so will override a class. If you use an id on your element it will be more specific still, and so will override your general rule.

form #submitButton {
    /* strongly specific rules */
}