Przejdź do treści

Selektor typu

Jak utworzyć selektor typu - podstawowy rodzaj selektora CSS?

selektor { cecha: wartość }
gdzie wyrazem selektor może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne [zobacz: Wstawianie stylów]. To właśnie elementom znajdującym się pomiędzy tymi znacznikami, nadajemy atrybuty formatowania.
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.

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

Komentarze

Zobacz więcej komentarzy

Facebook