[分享]css两个选择器怎么用加号

CSS中，加号（+）符号被用于连接两个不同的CSS选择器，通过这种方式，可以同时匹配到两个元素。在下面的代码中，我们会演示如何使用加号CSS选择器。/这是一个基础的CSS选择器/ p { fontsi...

CSS中，加号（+）符号被用于连接两个不同的CSS选择器，通过这种方式，可以同时匹配到两个元素。在下面的代码中，我们会演示如何使用加号CSS选择器。

/*这是一个基础的CSS选择器*/
p {
  font-size: 16px;
}

/*下面是通过加号CSS选择器匹配到的元素*/
p + ul {
  margin-top: 20px;
} 

上述的CSS代码中，第一个选择器是匹配所有的p元素，并且将他们的字号设置为16像素。第二个选择器使用了加号，其中p + ul表示匹配紧接着在p元素之后的ul元素，并且将它们的上外边距设置为20像素，这个样式只会作用于一个ul元素，即在p元素之后第一个 ul 元素。

除了用于接着连接元素选择器，加号（+）符号还可以用在复合选择器中，例如我们可以使用下面的代码选择第二个list-item元素：

ul li + li {
  font-weight: bold;
} 

上述的代码表示选择紧接着在另一个list-item元素之后的list-item元素，并给它们添加一个加粗的字体权重。

总体来说，加号CSS选择器对于创建更加高效灵活的CSS样式非常有用，通过学习这些选择器，我们可以轻松地为我们的网页添加各种各样的风格。