Class selector (CSS)

From Wiki @ Karl Jones dot com
Revision as of 12:49, 9 February 2016 by Karl Jones (Talk | contribs) (See also)

Jump to: navigation, search

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