您现在的位置是：课程教程文章

css相邻兄弟选择器是什么

2023-12-13 22:50课程教程文章人已围观

课程介绍: 1、 css相邻兄弟选择器是什么课程推荐; 2、 css相邻兄弟选择器是什么课程专题

1、相邻兄弟选择器是指在另一个元素之后可以选择的元素，两者具有相同的父元素。

2、如需选择与另一元素紧密相连的元素，且两者具有相同的父元素，则可使用相邻兄弟选择器。

选择器加号(+)作为相邻兄弟的结合符。

实例

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
div+p
{
background-color:yellow;
}
</style>
</head>
<body>

<h1>WelcometoMyHomepage</h1>

<div>
<h2>MynameisDonald</h2>
<p>IliveinDuckburg.</p>
</div>

<p>MybestfriendisMickey.</p>

<p>Iwillnotbestyled.</p>

</body>
</html>

以上就是css相邻兄弟选择器的介绍，希望对大家有所帮助。更多css学习指路：css教程

课程教程：css相邻兄弟选择器是什么

上一篇：css普通兄弟选择器如何理解