Css选择取决于不同选择器的条件

Css选择取决于不同选择器的条件,css,css-selectors,conditional,Css,Css Selectors,Conditional,是否可以定义依赖于其他css类的css类行为 比如,;什么时候 a:hover 那我就要开始了 p {background:#fff;} 这在纯css中是可能的吗 编辑:假设不存在嵌套关系。如果您有这样的结构: <a><p>...</p></a> <p><a>...</a></p> 会有用的。但是,在这种情况下,块元素不应放在内联元素内,也不应放在内联元素内 如果您的标记有效,并且如下所示:

是否可以定义依赖于其他css类的css类行为

比如,;什么时候

a:hover 
那我就要开始了

p {background:#fff;}
这在纯css中是可能的吗


编辑:假设不存在嵌套关系。

如果您有这样的结构:

<a><p>...</p></a>
<p><a>...</a></p>
会有用的。但是,在这种情况下,块元素不应放在内联元素内,也不应放在内联元素内

如果您的标记有效,并且如下所示:

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

但是子体不能影响父css,除非您使用javascript,相反,如果您有这样的结构,则父css会影响子体:

<a><p>...</p></a>
<p><a>...</a></p>
会有用的。但是,在这种情况下,块元素不应放在内联元素内,也不应放在内联元素内

如果您的标记有效,并且如下所示:

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

但是子体不能影响父css,除非您使用javascript,反之亦然。父css影响子体

如果您的意思是希望所有p在:悬停时都具有该样式,而不管它们在DOM中的位置,那么不,您不能这样做。当a接收到悬停时,您需要使用脚本将样式或包含该样式的某个类应用于p元素。

如果您的意思是希望所有p在a:hover时都具有该样式,而不管它们在DOM中的何处,那么不,您不能这样做。当a接收到悬停时,您需要使用脚本将样式或包含该样式的某个类应用于p元素。

我不明白为什么您会被限制在这些限制范围内,而缺乏创造性。如果使用固定定位,子体可以与其父体重叠。而且仍然像后代一样回应。

我不明白为什么你会被限制在这些限制条件下,有点创造性。如果使用固定定位,子体可以与其父体重叠。并且仍然像后代一样响应。

如果标记紧跟在标记后面,那么您可以使用相邻的同级选择器,例如

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

中支持这一点,如果标签紧跟在标签后面,则可以使用相邻的同级选择器,例如

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

这在IE8+

中是受支持的,当然,但不能概括这种情况。这完全取决于布局。我不是专家,但即使有固定定位、相对定位和隐藏元素的组合,在某些情况下你也会受到限制?当然,但你不能概括这种情况。这完全取决于布局。我不是专家,但即使有固定定位、相对定位和隐藏元素的组合,在某些情况下你也会受到限制?