Selektory elementów

Grupowanie selektorów

selektor1, selektor2, selektor3... { cecha: wartość }

Taka deklaracja stylu pozwala nadać te same wartości atrybutów kilku różnym selektorom jednocześnie (bez względu na ich położenie w hierarchii drzewa dokumentu). Oznacza to, że zamiast wpisywać kilka razy te same deklaracje, wystarczy wymienić dowolną liczbę selektorów po przecinku i jednorazowo przypisać im wszystkim ten sam styl.

Przykład:

Jeśli w arkuszu stylów strony została umieszczona następująca reguła:

b, i { color: red }

to po wpisaniu:

<b>pogrubienie</b>
<i>pochylenie</i>

otrzymamy tekst, napisany w całości czcionką koloru czerwonego:

pogrubienie pochylenie

Przykład ten działa tak samo jak:

b { color: red }
i { color: red }

jednak jak widać, dzięki użyciu znaku przecinka, oszczędzamy sobie pisania. Dodatkowo jeśli kiedyś musielibyśmy zmienić ustalony wcześniej dla tych selektorów kolor tekstu, będzie wystarczyło zrobić to tylko w jednym miejscu.

• Ogólny selektor braci
• Selektory atrybutów

• Do góry
• Strona główna
• Drukuj rozdział