CSS3 element1~element2 选择器

实例

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

  1. p~ul
  2. {
  3. background:#ff0000;
  4. }

浏览器支持


IE Firefox Chrome Safari Opera
ie firefox chrome safari opera

所有主流浏览器都支持 element1~element2 选择器。

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

定义和用法

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

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