Difference between revisions of "Class selector (CSS)"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) |
Karl Jones (Talk | contribs) (→Example: multiple class rules) |
||
| Line 20: | Line 20: | ||
* This is somewhat artificial, as a classroom example | * This is somewhat artificial, as a classroom example | ||
* More commonly, a class rule affects HTML elements of the same type | * More commonly, a class rule affects HTML elements of the same type | ||
| − | |||
| − | |||
| − | |||
| − | |||
== See also == | == See also == | ||
Revision as of 10:03, 16 February 2016
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.
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
