Kompozytor potomka CSS (>)

Definicja i zastosowanie

CSS kompozytor elementów potomnych (>) do wyboru elementów jako bezpośrednich dzieci określonego elementu nadrzędnego.

Elementy dopasowane przez drugi selektor muszą być bezpośrednimi dziećmi elementów dopasowanych przez pierwszy selektor.

Uwaga:Elementy, które nie są bezpośrednimi dziećmi elementu nadrzędnego, nie są wybierane.

Przykład

Wybierz i ustaw styl dla każdego elementu <p>, który jest bezpośrednim dzieckiem elementu <div>:

div > p {
  background-color: gold;
  border: 1px solid gray;
}

Spróbuj sam

Gramatyka CSS

element1 > element2 {
  deklaracje CSS;
}

Szczegóły techniczne

Wsparcie przeglądarki

Tabela zawiera liczby oznaczające pierwszą wersję przeglądarki wspierającą ten kompozytor.