Podręcznik referencyjny selektorów CSS

Wybieracze CSS

Wybieracze CSS są używane do "wyszukiwania" (lub wybierania) HTML elementów, które chcesz stylizować.

Użyj naszego testera wybieraczy CSS, aby pokazać różne wybieracze.

Proste wybieracze wybierają elementy na podstawie nazwy elementu, id i klasy. Ponadto, istnieją również wybieracze uniwersalne (*)

Wybieracz	Przykład	Opis przykładu
element	p	Wybiera wszystkie elementy <p>.
#id	#firstname	Wybiera element o id="firstname".
*	*	Wybiera wszystkie elementy.
.class	.intro	Wybiera wszystkie elementy o klasie "intro".

Wybieracz atrybutów wybiera HTML elementy o określonym zestawie atrybutów.

Wybieracz	Przykład	Opis przykładu
[attribute]	[target]	Wybiera wszystkie elementy, które mają atrybut target.
[attribute=value]	[target=_blank]	Wybiera wszystkie elementy, które mają atrybut target="_blank".
[attribute~=value]	[title~=flower]	Wybiera wszystkie elementy, których wartość atrybutu title zawiera słowo "flower".
[attribute\|=value]	[lang\|=en]	Wybiera wszystkie elementy, których wartość atrybutu lang zaczyna się od "en".
[attribute^=value]	a[href^="https"]	Wybiera każdy element <a>, którego wartość atrybutu href zaczyna się od "https".
[attribute$=value]	a[href$=".pdf"]	Wybiera każdy element <a>, którego wartość atrybutu src kończy się na ".pdf".
[attribute=value*]	a[href*="codew3c"]	Wybiera każdy element <a>, którego wartość atrybutu href zawiera podciążenie "abc".

Wybieracz	Przykład	Opis przykładu
&	&	Zastosowanie stylu do elementu w kontekście innego elementu