/csslint

Disallow !important

Jump to bottom
Nikolas Evers edited this page Feb 10, 2017 · 4 revisions

The !important annotation is used to artificially increase the specificity of a given property value in a rule. This is usually an indication that the specificity of the entire CSS has gotten a bit out of control and needs to be refactored. The more frequently !important is found in CSS, the more likely it is that developers are having trouble styling parts of a page effectively.

Rule Details

Rule ID: important

This rule is aimed at keeping your specificity levels in check. As such, it warns whenever !important is used.

The following patterns are considered warnings:

.mybox {
    color: red !important;
}

Further Reading

.employee-photo {

position: relative;
overflow      : hidden;
height        : 250px;
width         : 200px;
margin        : auto;
margin-bottom : 10px;
padding       : 5px;

cursor        : pointer;
border        : 2px solid #dbdbdb;

}

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.