Selektoren sind so etwas wie eine Auswahl von gleichen Elementen, seien sie schon vorhanden oder auch nicht. Es ist sozusagen wie eine Abfrage die nach gleichen Elementen sucht und sie dann auszeichnet.
Der Aufbau von Selektoren ist wie folgt und immer derselbe:
Selektor, dann die geschweifte Klammer auf, danach die Stylesheet-Angaben, dann wieder die geschweifte Klammer, aber diesmal zu. Dies nennt man Deklaration.
Ein Deklarationsblock ist wenn mehrere Deklarationen getrennt durch ein Semikola in den geschweiften Klammern zusammengefaßt wird.
Selektor und Deklaration bzw. Deklarationsblock bilden eine Regel.
Beispiel 1
<head>
[...]
<style type="text/css">
p {
color:#FF0000;
background-color:#00FF00;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em; }
</style>
</head>
Die Deklarationen werden hier allen p Elementen zugewiesen.
Beispiel 2
<head>
[...]
<style type="text/css">
h1, h2, p {
color:#FF0000;
background-color:#00FF00;
font-family:Arial, Helvetica, sans-serif;
}
</style>
</head>
Die Deklarationen werden hier allen h1, h2 und p Elementen zugewiesen.