Class selector (CSS)

From Wiki @ Karl Jones dot com
Revision as of 10:24, 16 February 2016 by Karl Jones (Talk | contribs)

Jump to: navigation, search

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

It is used in combination with class attributes.

Example

Class selector:

.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

See also