Style głębi głębokości CSS można zastosować do elementów

Question

Czy ktoś wie o rozwiązaniu ograniczającym głębokość potomną przy wyborze elementu przy pomocy CSS?

Przykład:

.my-class div div:end(styles:here) 

To zapobiegłoby konieczności dodawania CSS klas do każdego drugiego div na stronie, przy jednoczesnym zapobieganiu style przed przekazywane w dół do trzeciego czwartego itd dziecka.

Answer 1

Można w szczególności powiedzieć, aby przeszukać tylko o 1 poziom głębiej za pomocą the > operator.

Rozważmy następujący przykład:

#target > p > span { 
    background: red; 
} 

Będzie wyszukiwania #target dla bezpośredni elementu podrzędnego <p>, a wewnątrz tego elementu, wyszuka bezpośredni elementu podrzędnego <span>. Więc jeśli istnieje zagnieżdżony element <p> i jego zakres, nie będzie to miało wpływu.

Bardzo często używany jest dla elementów listy zagnieżdżonej, gdzie chcesz, aby lista główna była stylizowana, ale lista pomocnicza nie.

ul#parent > li /* Direct descendant. */ 
ul#parent > li > ul > li /* 2 levels deep descendant. */