css相邻兄弟选择器是什么
小妮浅浅
2021-10-23 11:06:497322浏览 · 0收藏 · 0评论
1、相邻兄弟选择器是指在另一个元素之后可以选择的元素，两者具有相同的父元素。
2、如需选择与另一元素紧密相连的元素，且两者具有相同的父元素，则可使用相邻兄弟选择器。
选择器加号(+)作为相邻兄弟的结合符。
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
div+p
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>Welcome to My Homepage</h1>
<div>
<h2>My name is Donald</h2>
<p>I live in Duckburg.</p>
</div>
<p>My best friend is Mickey.</p>
<p>I will not be styled.</p>
</body>
</html>以上就是css相邻兄弟选择器的介绍，希望对大家有所帮助。更多css学习指路：css教程
关注公众号，随时随地在线学习
分享到微博
微信扫一扫
流芳
124362
