[分享]css元素选择器相邻

CSS元素选择器是一种非常有用的选择器，可以通过标签名称来进行选择，这样就可以指定某一类元素来进行样式设置。相邻选择器是CSS元素选择器中非常常用的一种选择器，可以选择紧接着指定元素后面的相邻元素（紧...

CSS元素选择器是一种非常有用的选择器，可以通过标签名称来进行选择，这样就可以指定某一类元素来进行样式设置。

相邻选择器是CSS元素选择器中非常常用的一种选择器，可以选择紧接着指定元素后面的相邻元素（紧临），并对其进行样式设置。

例如： 
p + p{
    color:red;
}

上述代码使用了相邻选择器，选择了紧接着p标签后面的p标签，并将其文字颜色设置为红色。

如果要选择紧邻的下一个元素，还可以使用直接兄弟选择器，类似于相邻选择器，但是可以选择后面的任意一个兄弟元素。

例如：
p ~ span{
    font-weight:bold;
}

上述代码使用了直接兄弟选择器，选择了紧跟p标签后面的所有span标签，并将其文字设置为加粗。

相邻选择器和直接兄弟选择器是CSS元素选择器中非常实用的选择器，可以帮助我们在页面中精确地选择指定元素，进行样式设置。