源代码：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>兄弟元素选择器</title>
<style>
div ~p{/*div兄弟元素p*/
background-color: #7bfffa;
}
div~span{/*div兄弟元素span*/
background-color: #ffb70d;
}
p~span{/*p兄弟元素div里面的span*/
background-color: #ffb8e5;
}
</style>
</head>
<body>
<h1>兄弟元素选择器</h1>
<div>
<p>在影视作品中，唐伯虎的形象是这样的：“长得英俊潇洒，具有过人才华，年少时就已闻名天下，而且还娶了好几个如花似玉的老婆，堪称人生赢家。</p>
<p>在影视作品中，唐伯虎的形象是这样的：“长得英俊潇洒，具有过人才华，年少时就已闻名天下，而且还娶了好几个如花似玉的老婆，堪称人生赢家。</p>
<span>今天不错哦</span><br/>
<span>今天不错哦</span>
<p>在影视作品中，唐伯虎的形象是这样的：“长得英俊潇洒，具有过人才华，年少时就已闻名天下，而且还娶了好几个如花似玉的老婆，堪称人生赢家。</p>
</div>
<span>今天不错哦</span>
<p>在影视作品中，唐伯虎的形象是这样的：“长得英俊潇洒，具有过人才华，年少时就已闻名天下，而且还娶了好几个如花似玉的老婆，堪称人生赢家。</p>
<p>在影视作品中，唐伯虎的形象是这样的：“长得英俊潇洒，具有过人才华，年少时就已闻名天下，而且还娶了好几个如花似玉的老婆，堪称人生赢家。</p>
<p>在影视作品中，唐伯虎的形象是这样的：“长得英俊潇洒，具有过人才华，年少时就已闻名天下，而且还娶了好几个如花似玉的老婆，堪称人生赢家。</p>
<div>
<p>在影视作品中，唐伯虎的形象是这样的：“长得英俊潇洒，具有过人才华，年少时就已闻名天下，而且还娶了好几个如花似玉的老婆，堪称人生赢家。</p>
<p>在影视作品中，唐伯虎的形象是这样的：“长得英俊潇洒，具有过人才华，年少时就已闻名天下，而且还娶了好几个如花似玉的老婆，堪称人生赢家。</p>
<p>在影视作品中，唐伯虎的形象是这样的：“长得英俊潇洒，具有过人才华，年少时就已闻名天下，而且还娶了好几个如花似玉的老婆，堪称人生赢家。</p>
</div>
<div>
<p>在影视作品中，唐伯虎的形象是这样的：“长得英俊潇洒，具有过人才华，年少时就已闻名天下，而且还娶了好几个如花似玉的老婆，堪称人生赢家。</p>
<p>在影视作品中，唐伯虎的形象是这样的：“长得英俊潇洒，具有过人才华，年少时就已闻名天下，而且还娶了好几个如花似玉的老婆，堪称人生赢家。</p>
<p>在影视作品中，唐伯虎的形象是这样的：“长得英俊潇洒，具有过人才华，年少时就已闻名天下，而且还娶了好几个如花似玉的老婆，堪称人生赢家。</p>
</div>
</body>
</html>  分享知识，分享快乐！希望中国站在编程之巅！ ----融水公子 公众微信号：rsgz520
360图书馆馆号：rsgz002.360doc.com
|
