有沒有辦法檢查當前LI元素是否有某個元素，例如使用css的UL？

Question

我想檢查當前的li是否有ul，如果是這樣的話，將樣式應用於li。有沒有辦法做到這一點在CSS？

Answer 1

以下適用樣式孩子ul個li的：

li ul li { color:red }

http://jsfiddle.net/bkC36/

要檢查click ED li有ul它裏面你需要JavaScript

Answer 2

使用jQuery來做到這一點很簡單。 $（'li'）。has（'ul'）。css（'background-color'，'red'）;

Answer 3

CSS Tricks discusses what you want here - 它被稱爲父母選擇器，它不是一個好主意實現。如果孩子存在，通常我會使用jQuery將樣式應用於父項。

Answer 4

你想知道元素（li）是否具有某個子元素（ul），如果是，請設置父元素（li）？

如果是的話 - 不，沒有辦法根據純CSS中的孩子來設計父母的樣式。但是，jQuery具有選擇器，可以讓您獲取與此模式相匹配的節點，然後您可以將樣式應用於該模式。

Answer 5

這條規則應該適用於任何在任何水平下具有ul的風格。

ul li {/* */} 

如果你想的風格，具有UL鋰直接怒吼咆哮，您可以使用此規則

ul > li {/* */}