Selektor potomny w CSS to dowolny selektor z białą spacją między dwoma selektorami bez kombinatora. Oto kilka przykładów:
ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )Weźmy ul li ( )na przykład. Oznacza „dowolny element listy będący potomkiem nieuporządkowanej listy”.
Descendant oznacza dowolne miejsce w drzewie DOM. Może być bezpośrednim dzieckiem, może mieć pięć poziomów głębokości, nadal jest potomkiem. Różni się to od kombinatora podrzędnego (>), który wymaga, aby element był następny zagnieżdżony poziom niższy.
Aby zilustrować, div span ( )będzie pasować:
I will match
- I will match too
Prawdopodobnie nie powinieneś się tym zbytnio przejmować, ale nieaktualny selektor jest dość „drogi” - co oznacza, że silnik renderujący jest trudny / wolny do zrozumienia i zrobienia rzeczy. MDN:
Selektor potomny jest najdroższym selektorem w CSS. Jest to strasznie drogie, zwłaszcza jeśli selektor znajduje się w kategorii Tag lub Universal.
Ale tylko w porównaniu do innych selektorów. Nadal jest niesamowicie szybki i prawdopodobnie nigdy tego nie zauważysz, chyba że oszalejesz.
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| Każdy | Każdy | Każdy | Każdy | Każdy | Każdy | Każdy |