<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>兄弟元素选择器</title>
<style type="text/css">
span~p {
background-color: #FF1493;
} //+号,表示跟span紧挨着的第一个才改变颜色,~表示span后面的所有元素改变颜色
</style>
</head>
<body>
<p>我是第一个p</p>
<p>我是第二个p</p>
<p>我是第三个p</p>
<span>我是第一个span</span>
<p>我是第四个p</p>
<p>我是第五个p</p>
<p>我是第六个p</p>
</body>
</html>
HTML与CSS基础之兄弟元素(六)
最新推荐文章于 2023-12-11 10:31:10 发布