相邻兄弟选择器(Adjacent Sibling Selector)是 CSS 选择器中的一种,用于选择紧接在另一个元素后面的元素,这个选择器通过使用加号(+)来表示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>相邻兄弟选择器</title>
<style>
/* 相邻兄弟选择器 */
/* 只有紧邻 title 类名所在的标签的下一个同级 p 元素才会被修饰(不同级不行) */
.title+p{
background: red;
}
</style>
</head>
<body>
</body>
</html>