<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
/*
* 为span后的一个p元素设置背景颜色为黄色
* 后一个兄弟元素选择器
* 作用:可以选中后一个元素紧挨着的指定兄弟元素
* 语法:前一个+后一个
*/
/*span+p{
background-color: red;
}*/
/*
* 选中后边所有元素
* 语法前一个~后一个
*/
span ~ p{
background-color: darkorchid;
}
</style>
</head>
<body>
<p>我是一个p标签</p>
<p>我是一个p标签</p>
<p>我是一个p标签</p>
<span>我是一个p标签</span>
<p>我是一个p标签</p>
<p>我是一个p标签</p>
</body>
</html>