Difference between revisions of "Class selector (CSS)"

From Wiki @ Karl Jones dot com
Jump to: navigation, search
(See also)
m (Karl Jones moved page Class rule (CSS) to Class selector (CSS))
(No difference)

Revision as of 11:02, 16 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