Więcej klas do jednego znacznika!

autor: Patryk 'yarpo' Jar, ostatnia modyfikacja: 2007-02-22

szukaj: klasy css

Tworząc większe strony, na pewno spotkałeś się z czymś takim, że w wielu klasach występowały powtórzenia. Np. w wielu klasach pokazywało się:

font-style: italic;

Czy też inne tego typu, bardzo często używanego reguły. Dlaczego więc, nie wyrzucić tego do osobnej klasy, np. kursywa:

*.kursywa {
font-style: italic;
}

No tak, powiesz. Ale jak się do tego odnieść, jeśli już mam jedną klasę przypisaną do selektora:

<p class="dolny">Tu napis</p>

Otóż nic prostszego - dodaj kolejną klasę:

<p class="dolny kursywa">Tu napis</p>

Nie zapomnij jednak o spacji miedzy nazwami. Nie wstawiaj tam kropek, przecinków czy innych znaków oddzielających - starczy spacja. Możesz oczywiście użyć większej liczby klas niż dwie.

Dozwolone jest także:

<p id="jedyny" class="dolny kursywa">Tu napis</p>

Dodanie jednocześnie identyfikatora id oraz klasy [lub wielu klas].

Niedozwolone jest jednak przypisanie jednemu selektorowi więcej niż jednego identyfikatora:

<p id="jedyny niejedyny" class="dolny kursywa">Tu napis</p>

Powyższy kod jest błędny. Każdy tag może mieć tylko jeden identyfikator.

Patryk 'yarpo' Jar

szukaj: klasy css

Osoby czytające tę publikację przeglądały również:

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!