Selektor typu
Jak utworzyć selektor typu - podstawowy rodzaj selektora CSS?
selektor { cecha: wartość }
Wyrazy "cecha" (ang. property) oraz "wartość" (ang. value) określają atrybuty elementu i zostaną opisane w dalszych rozdziałach. Tutaj będą przedstawione jedynie selektory.
Selektor typu jest podstawowym rodzajem selektora. Pozwala on wybrać pojedynczy zwykły element dokumentu HTML podanego typu, czyli o określonej nazwie, a następnie nadać mu atrybuty (za pomocą cechy oraz wartości - opisane w następnych rozdziałach). Można powiedzieć, że selektor ten to inaczej element (znacznik), występujący w kodzie źródłowym strony.
UWAGA!
W języku XHTML wszystkie selektory muszą być pisane małymi literami.
Przykład
Załóżmy że w arkuszu stylów została umieszczona następująca reguła:h6 { color: red }Jak widać jest to selektor typu (podstawowy). Dzięki niemu wystarczyłoby teraz napisać:
<h6>To jest tytuł rzędu szóstego</h6>aby otrzymać tytuł, napisany czerwoną czcionką (red).
Pytania i odpowiedzi
Co to jest selektor CSS?
Selektor CSS to wzorzec lub nazwa, która określa zbiór elementów HTML, do których ma być zastosowana dana reguła stylów. Selektor identyfikuje elementy, które zostaną sformatowane według określonych właściwości i wartości.
Czy H1 to selektor?
Selektorem CSS może być dowolny znacznik HTML, w tym również h1
, który jest selektorem odnoszącym się do nagłówków pierwszego poziomu.
Przeglądarki
![]() Chrome | ![]() Firefox | ![]() Edge | ![]() Opera | ![]() Safari | |
---|---|---|---|---|---|
selektor | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |