日期:2014-05-17  浏览次数:20761 次

css相邻兄弟选择器

?

CSS 相邻兄弟选择器

?

?? ? --------------可选择紧接在另一元素后的元素,且两者有相同的父元素

?

?

?

/*选择紧接在h1元素后出现的段落
h1和p有共同的父元素
*/
h1 + p{margin-top:2px;}

?

?注释:

?

?

  • ??相邻兄弟选择器使用了加号(+),即相邻兄弟结合符
  • ??相邻兄弟结合符旁边可以有空白符???

?

扩展阅读:

?

1、http://www.w3school.com.cn/tiy/t.asp?f=csse_selector_adjacent_sibling??w3school的在线例子