CSS3 element1~element2 选择器

element1~element2 选择器 element1 之后出现的所有 element2

两种元素必须拥有相同的父元素,但是 element2 不必直接紧随 element1

 

1. 实例

为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景:

p~ul
{
background:#ff0000;
}

我要试一试

 

2. 浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

选择器 Chrome IE Firefox Safari Opera
element1~element2 4.0 7.0 3.5 3.2 9.6

注释:对于 IE8 中的该选择器,必须声明 <!DOCTYPE>

:active 选择器用于选择活动链接。当您在一个链接上点击时,它就会成为活动的(激活的)。提示:请使用 :link 选择器对指向未被访问页面的链接设置样式,:visited 用于设置指向已访问页面的链接的样 ...