2018.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.
Styling text and paragraphs
There are numerous ways to format text in a template. You can apply a certain font, make text
bold, transform it to uppercase, center it, color it, etc.
This topic explains how to apply local formatting to text. It is recommended though, to format
text using style sheets; see "Styling and formatting" on page238 and "Styling templates with
CSS files" on page239.
Page 248