为一个元素后边的元素设置css样式:
语法:前一个 + 后一个。
作用:可以选中一个元素后紧挨着的指定的兄弟元素。
为一个元素后边的所有相同元素设置css样式:
语法:前一个 ~ 后边所有。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h1 + p{ background-color: orange; } span ~ p{ background-color: green; color: white; font: "courier new"; } </style> </head> <body> <h1>我是一个h1标签</h1> <p>我是一个p标签</p> <p>我是一个p标签</p> <p>我是一个p标签</p> <p>我是一个p标签</p> <p>我是一个p标签</p> <p>我是一个p标签</p> <span>我是一个span</span> <p>我是一个p标签</p> <p>我是一个p标签</p> <p>我是一个p标签</p> <a href="http://www.baidu.com">百度</a> <p>我是一个p标签</p> </body> </html>
效果: