Czy mogę wybrać elementy, które mają wiele klas

Tak, możliwe jest wybranie elementów powiązanych z wieloma klasami. W dokumencie HTML selektory CSS są używane w odniesieniu do klas utworzonych w ciele HTML w celu zastosowania właściwości w tych elementach. Selektory klas zaczynają od kropki „.„Symbol, a następnie dokładna nazwa klasy jest napisana.

Gdy konieczne jest wybór elementu, który nie należy tylko do jednej klasy, nazwy wszystkich klas są zapisane w elemencie stylu, zaczynając od symbolu kropki dokładnie tak. Selektory nie powinni mieć między sobą żadnej przestrzeni. Ponadto nie ma ograniczeń do dodawania liczby selektorów przy wyborze elementu.

Jak wybrać elementy, które mają wiele klas?

Składnia do wyboru elementu, który ma wiele klas, jest następująca:

.Klasa 1.klasa 2.klasa3.klasa 4…
/ * Właściwości CSS */

W powyższej składni dodano wiele selektorów klas (i.mi., klasa 1, klasa2, klasa3, klasa 4 itd.) Używając „.”Symbol.

Zrozum, jak dodać wiele selektorów klas, aby wybrać powiązany element praktycznie z prostym przykładem.

Przykład: Wybór elementu z wieloma klasami

Według danego fragmentu kodu, istnieją trzy różne elementy (nagłówki), a pierwszy element ma trzy klasy, i.mi., klasa 1, klasa 2 i klasa3:

To jest pierwszy wiersz… ten element ma 3 klasy!!

To jest druga linia…

To trzecia linia…

Aby wybrać element, który ma wiele klas (klasa 1, klasa2, klasa3) w elemencie stylu CSS, selektory klas zostaną po prostu dodane bez żadnego miejsca między nimi:

.Klasa 1.klasa 2.klasa3
kolor biały;
kolor graniczny: czarny;
Styl graniczny: solidny;
kolor tła: Darkcyan;

Zastosuje to zdefiniowane właściwości CSS do elementu, który ma klasę 1, klasę2 i klasę3 i wygeneruje następujące dane wyjściowe:

W ten sposób możesz wybrać elementy należące do wielu klas.

Wniosek

Deweloperzy mogą wybrać element, który ma wiele klas, dodając wiele selektorów klas w elemencie stylu CSS, odnosząc się do wszystkich klas, z którymi element jest powiązany. Selektory klas są dodawane w elemencie stylu bez miejsca między sobą. Ponadto nie ma również ograniczeń dla liczby selektorów klas dodanych w elemencie stylu. Ten blog jest dobrym przewodnikiem o metodzie wyboru elementów o wielu klasach.