Difference between revisions of "Class selector (CSS)"

Revision as of 11:49, 9 February 2016

In CSS, a class rule (or class style rule, or class style) is a style rule which selects zero or more HTML elements based on the elements' class attribute.

Example

Class style rule:

.example { color: red; }

Note the period (.) which indicates that this is a class style rule.

Element affected by rule:

<div class="example">...</div>
<p class="example">...</p>

The above example demonstrates that a class rule can affect two or more HTML elements, and that the elements can be different types.

• This is somewhat artificial, as a classroom example
• More commonly, a class rule affects HTML elements of the same type

Example: multiple class rules

...

See also

• Cascading Style Sheets
• HTML element rule (CSS)
• ID rule (CSS)
• Style sheet (web design)