CSS dotyczy stylizacji stron internetowych, stron internetowych, dokumentów HTML itp. Dlatego oferuje wiele narzędzi do stylizacji, takich jak selektory, właściwości CSS itp. Selektory są początkowym elementem reguł CSS, reguł skierowany.

W CSS selektory są podzielone na pięć kategorii I.mi. Podstawowe selektory, selektory kombinatory. Podstawowa kategoria składa się z selektora elementu, selektora klasy, selektora identyfikatora, selektora uniwersalnego i grupowania selektora. Możesz dowiedzieć się więcej o podstawowych selektorach w naszym samouczku selektorów CSS.

Ten zapis wyjaśni następujące terminologie:

• Co to jest selektor grupowy w CSS?
• Podstawowa składnia selektora grupowania.
• Jak grupować wiele elementów HTML za pomocą selektora grupowania.

Zacznijmy od podstawowego zrozumienia grupowania selektora:

Co to jest selektor grupowy w CSS

Selektor grupowy celuje w wiele elementów HTML i styluje je jednocześnie. Zwięzie kod i zmniejsza dodatkowy wysiłek. Wybierając/grupując więcej niż jeden element HTML, musimy oddzielić każdy element HTML z przecinkiem.

Składnia

Rzućmy okiem na następujący fragment, aby zrozumieć składnię selektora grupowania:

Na powyższym rysunku P, H2, H3 i stopka są elementami HTML zgrupowanymi razem, aby można je było stylizować.

Poruszajmy się o krok dalej, aby zrozumieć koncepcję grupowania selektora za pomocą przykładu:

Jak grupować wiele elementów HTML za pomocą selektora grupowania

Rzućmy okiem na poniższy przykład, aby zrozumieć, jak wdrożyć unikalny styl w grupie różnych elementów HTML:

Przykład Ten przykład ma różne elementy HTML i.mi.

,

, I

. Musimy stylizować wszystkie te elementy w stylu czcionki kursywnej, z kolorem królewskim niebieskim tłem.

Html

Linuxhint.com

Cześć! Witamy w Linuxhint.com

Grupowanie selektora

To jest przykład grupowania selektora

CSS

H1, H2, P
kolor tła: Royalblue;
Styl czcionki: Kursywa;

Powyższy kod zgrupował trzy elementy, implementuj ten sam styl na wszystkich elementach, w wyniku czego otrzymamy następujące dane wyjściowe:

Sprawdza, czy wszystkie elementy implementują ten sam styl, a selektor grupowania działa poprawnie.

Wniosek

Aby zaimplementować selektor grupowania, musisz po prostu napisać wszystkie nazwy elementu, które chcesz stylizować i dodać przecinek między każdym elementem. W ten sposób określony styl zostanie zaimplementowany jednocześnie do każdego docelowego elementu. Ten zapis obejmuje każdy aspekt grupowania selektorów, zaczynając od tego, co jest selektorem grupy i jak go używać.