能百度到的有 >和+这样的符号,分别控制子元素、下一个兄弟元素。
如
<html>
<body>
<style>
#a {color : #FFFF00;}
#a:hover > #b{color : #FF0000;}
#a:hover + #c{color : #00FF00;}
#a:hover + #c > #b{color : #0000FF;}
</style>
<div id='a'>元素1
<div id='b'>元素2</div>
</div>
<div id='c'>元素3
<div id='b'>元素2</div>
</div>
</body>
</html>
我想知道的是,有没有更多这样的符号?比如能实现选择上一个兄弟元素?
没有直接的方案,但有另外几个CSS3的伪类或许可以解决一些问题。
p:first-of-type
:指定父元素的首个 p 元素的背景色#a~#c:hover
:c元素上面必须有a。感受一下: