css3找相邻元素

CSS3中有许多方便的选择器，其中一个很有用的选择器是找相邻元素的选择器。这个选择器可以让我们选中一个元素的紧邻着的下一个元素，很方便使用。下面是一个示例：

p + p {
    color: red;
}
    

上面的代码表示，选中一个p元素之后的下一个p元素，并给它们赋予红色的字体颜色。这个选择器可以应用在很多地方，例如列表里面的序号和内容之间的关系：

ol>
    li>
    这是第一项/li>
    li>
    这是第二项/li>
    li>
    这是第三项/li>
    li>
    这是第四项/li>
    /ol>
ol li {
    list-style-type: none;
}
li + li:before {
    content: " / ";
}
    

上述代码会将列表的序号隐藏掉，并在每个列表项之间添加上一个斜杠，使得列表项更加清晰易读。

总之，找相邻元素的选择器可以为我们的页面带来更多效果和动态，是一个很有用的工具。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！