Css的選擇取決於不同的選擇器的條件

Question

是否可以定義css類的行爲依賴於其他css類？

例如;當

a:hover 

然後我想設置

p {background:#fff;} 

這可能與純CSS？

編輯：假設不存在嵌套關係。

Answer 1

如果您的意思是您希望所有p在a:hover時都具有該樣式，而不管它們在DOM中的位置，則不會，那麼您不能這樣做。當a收到懸停時，您需要使用腳本將樣式（或包含該樣式的某個類）應用到p元素。

Answer 2

，如果你有這樣的結構：

<a><p>...</p></a> 

那麼這個：

a:hover p {background: #fff;} 

會工作。然而，塊元素不應該放在內聯元素內（在這種情況下，沒有<p>內<a>

如果您的標記是有效的，看起來是這樣的：

<p><a>...</a></p> 

那麼你可以有

p:hover {background: #fff;} 

但是後代不能影響父css（除非你使用javascript）而相反是真的（父css影響後代）

Answer 3

我不明白爲什麼你會被限制在littl創造性的限制。如果您使用固定位置，則後代可以與其父項重疊。並仍然像後裔一樣迴應。

Answer 4

如果<p>標籤緊跟在<a>標籤之後，那麼您可以使用相鄰的同級選擇器，例如

a:hover+p{ 
    background:#fff; 
} 

這在IE8 +