- Strona główna
- HTML & CSS
CSS: Selektory
| Selektor | Przykład | Opis przykładu |
|---|---|---|
| .class | .intro | Wybierz wszystkie elementy zawierające class=”intro” |
| #id | #firstname | Wybierz element z id=”firstname” |
| * | * | Wybierz wszystkie elementy |
| element | p | Wybierz wszystkie elementy <p> |
| element,element | div, p | Wybierz wszystkie elementy <div> oraz <p> |
| element element | div p | Wybierz wszystkie elementy <p> znajdujące się wewnątrz elementu <div> |
| element>element | div > p | Wybierz wszystkie elementy <p>, których rodzicem jest element <div> |
| element+element | div + p | Wybierz wszystkie elementy <p>, które leżą bezpośrednio po elemencie <div> |
| element1~element2 | p ~ ul | Wybierz wszystkie elementy <ul>, które są poprzedzone elementem <p> |
| [attribute] | [target] | Wybierz wszystkie elementy, które posiadają atrybut target |
| [attribute=value] | [target=_blank] | Wybierz wszystkie elementy zawierające target=”_blank” |
| [attribute~=value] | [title~=kwiat] | Wybierz wszystkie elementy, których title zawiera słowo kwiat |
| [attribute|=value] | [lang|=pl] | Wybierz wszystkie elementy, których atrybut lang rozpoczyna się od wartości “pl” |
| [attribute^=value] | a[href^=”https”] | Wybierz wszystkie elementy <a>, dla których wartość atrybutu href rozpoczyna się od https |
| [attribute$=value] | a[href$=”.pdf”] | Wybierz wszystkie elementy <a>, dla których wartość atrybutu href kończy się “pdf” |
| [attribute*=value] | a[href*=”tinf”] | Wybierz wszystkie elementy <a>, dla których wartość atrybutu href zawiera ciąg znaków “tinf” |
CSS: Sposoby umieszczenia kodu
Poprzednie
CSS: Pseudoklasy
Dalej