CSS并集选择器的介绍
1、给所有选择器选中的标签设置属性。
格式:
选择器1,选择器2{ 属性:值; }
2、并集选择器必须使用,来连接。选择器可以使用标签名称/id名称/class名称。
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>并集选择器</title> <style type="text/css"> /* 并集选择器的用法,两个标签用逗号隔开 */ #div_01,.c_01,div{ background-color: #9ACD32; width: 200px; height: 200px } </style> </head> <body> <div id="div_01"> 这是第一个div </div> <!-- 中间用p标签隔开,更容易看出效果 --> <p>这是p标签</p> <div> 这是第二个div </div> <p>这是p标签</p> <div> 这是第三div </div> <p>这是p标签</p> </body> </html>
1、相邻兄弟选择器,给指定选择器后面紧跟的那个选择器选中的标签设置属性。格式:选择器1+选择器2{ 属性:值; }相邻兄弟选择器必须通过+连接。相邻兄弟选择器只能选中紧跟其后的那个标签, 不能选中被隔开 ...