通用兄弟选择器(General 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>