[分享]css3找到前面一个兄弟元素

CSS3是一门非常强大的样式语言，其中之一的功能就是可以找到前一个兄弟元素。这个功能可以通过使用"+"和"~"选择器来实现。/使用"+"选择...

CSS3是一门非常强大的样式语言，其中之一的功能就是可以找到前一个兄弟元素。这个功能可以通过使用"+"和"~"选择器来实现。

/*使用"+"选择器找到前一个兄弟元素*/
p + p {
  color: red;
}

/*使用"~"选择器找到前一个兄弟元素*/
p ~ p {
  color: blue;
} 

使用"+"选择器，可以直接选中紧接在一个p元素后面的第一个p元素，并对其应用样式。而使用"~"选择器，则可以选中在一个p元素后面的所有p元素，并对它们应用相同的样式。

这个功能在实际应用中非常实用，可以通过这种方式来优化页面结构和排版。需要注意的是，这个功能不适用于IE6和IE7等老式浏览器，如果需要向这些浏览器兼容，则需要使用一些其他的hack方法。