To understand what they mean, you need to understand what to choose means CSS( parent ):
, CSS. , CSS, ( ), - . . (, , ).
( , , , , ).
:
ul {
}
, :
ul > * {
}
:
* < ul {
}
, , ...
* > ul {
}
, .
CSS. . . it?
, .
, , 10 (, / , ):
<div>
<whatever></whatever>
</div>
<span>
<whatever></whatever>
</span>
<ul>
<li>
<whatever></whatever>
</li>
<li></li>
<li>
<whatever></whatever>
</li>
</ul>
CSS, ( ) <whatever> , , DOM. ?
: .
, , , :has(), . CSS, , . , //. CSS .
:has() ( <).
: @Maximus , shadow DOM DOM :host. , DOM DOM, ( DOM), DOM .