如何使用 CSS 选择器为特定元素后面的元素设置样式？

使用 CSS 选择器定位下一个元素

在 CSS 中，可以使用相邻同级选择器来为另一个元素后面的元素指定样式。当对紧接特定选择器之后的元素进行样式设计时，此语法特别有用。

例如，考虑这样一个场景：您想要将clear:both 属性应用于所有

。

后面的标签具有类“hc-reform”的元素。

提供的选择器，h1.hc-reform > p，尝试定位 h1.hc-reform 的子元素，在本例中该子元素不存在。要指定相邻的同级，您应该使用加号 ( )。

此选择器的正确语法是：

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

此选择器将有效地设置所有

的样式。 h1.hc-reform 元素后面的标签。

注意： Internet Explorer 版本 6 及更早版本不支持此方法。

以上是如何使用 CSS 选择器为特定元素后面的元素设置样式？的详细内容。更多信息请关注PHP中文网其他相关文章！