2022.1

Rules for HTML elements (p, table, li etc.) are general rules. Rules for classes, pseudo classes,
and elements with a certain attribute (.class, :hover, [target]) are more specific. Rules for
elements with a certain ID are even more specific. The most specific are inline styles.
Example
Assuming that a table has the CSS property "color: red" (which colors text in the cells red), a
more specific rule for cells in that table could be, for example:
l A rule for the text color of all table cells (td elements), for example: td { color:
green; }.
l A rule for the text color of table cells with a certain class, for example .green {
color: green; }.
l A rule for the text color of a table cell with a certain ID, for example: #greentext {
color: green; }.
l An inline style rule (local formatting) added to the HTML tag of a particular table cell, for
example: <td style="color: green;">...</td>.
Each of these rules is more specific than the previous rules. All of these rules are more specific
than the rule that applies to the table as a whole.
Note
When !important is added to a style rule (e.g. color: red !important;), this
rule overrides any other style rules, even inline style rules.
Page 797