交集选择器
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .logo{ 8 font-size:60px; 9 color:#009966; 10 } 11 div.logo{ 12 background-color:pink; 13 } 14 #miss{ 15 width:180px; 16 height:100px; 17 background-color:rgb(00,88,55); 18 } 19 div#miss{ 20 text-indent:2em; 21 } 22 </style> 23 </head> 24 <body> 25 <div class="logo">交集选择器</div> 26 <p class="logo">写法and特点</p> 27 <div id="miss">属性值</div> 28 </body> 29 </html>
复合选择器：
◆ 两个或者两个以上的基础选择器通过不同的方式连接在一起
交集选择器
写法：
◆ 标签+类/ID选择器{属性：值；}
1 div.logo{ 2 background-color:pink; 3 } 4 5 6 div#miss{ 7 text-indent:2em; 8 }
特点：
◆ 即要满足使用了某个标签，还要满足使用了类/ID选择器
1 <div class="logo">交集选择器</div>
2 <div id="miss">属性值</div>