使用相邻同级选择器定位元素

浏览错综复杂的 CSS 选择器可能会令人畏惧，尤其是在需要根据它们与兄弟元素的关系。输入：相邻同级选择器，微调 CSS 策略不可或缺的工具。

为了确保带有“hc-reform”类的

后面的每个

标记都使用clear:both，您可以使用相邻的同级选择器。这个选择器，用符号表示，目标是紧跟在特定元素后面的同级元素：

h1.hc-reform   p {
  clear:both;
}

此代码片段有效地仅针对直接跟随在类“hc-reform”的

后面的那些

标记。通过为这些段落设置clear:both，可以防止它们环绕

可能引入的任何浮动元素。

值得注意的是，Internet Explorer 6 或更早版本不支持此选择器，因此如果您预计用户会使用这些浏览器访问您的网站，请考虑浏览器兼容性。