W podanej regule CSS h1{color: blue} h1 oznacza
Pytanie z egzaminu CKE, czerwiec 2014 (arkusz E.14-X-14.05).
W regule CSS h1{color: blue} część stojąca przed nawiasem klamrowym to selektor. Selektor wskazuje, których elementów dokumentu dotyczy reguła - tutaj wszystkich nagłówków <h1>. W nawiasie klamrowym znajduje się deklaracja, czyli para właściwość i wartość: color to właściwość, a blue to jej wartość. Budowę reguły warto zapamiętać jako schemat: selektor { właściwość: wartość; }. Selektorem może być nazwa znacznika (jak tutaj), klasa poprzedzona kropką, na przykład .menu, albo identyfikator poprzedzony krzyżykiem, na przykład #naglowek. Dzięki selektorom jeden arkusz stylów formatuje wiele elementów naraz bez dopisywania stylów do każdego znacznika. Jedna reguła może też mieć kilka selektorów rozdzielonych przecinkami.
Kłopot sprawiają tu nazwy poszczególnych części reguły. Klasa w CSS ma zawsze kropkę na początku (.nazwa) i odnosi się do elementów z atrybutem class, a w regule nie ma ani kropki, ani klasy. Wartość to to, co stoi po dwukropku wewnątrz nawiasu - w tej regule jest nią blue, a nie h1. Deklaracja z kolei to cały zapis w nawiasie klamrowym, czyli właściwość razem z wartością: color: blue. Nazwa h1 stoi przed nawiasem, więc wskazuje elementy, do których reguła się stosuje - to selektor typu, który wybiera wszystkie nagłówki pierwszego stopnia na stronie. Rozbierając dowolną regułę, zacznij od nawiasu klamrowego: wszystko przed nim jest selektorem, wszystko w środku to deklaracje. Taki podział obowiązuje w każdej regule CSS, niezależnie od liczby deklaracji w nawiasie.