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 +