交集选择器 

 交集选择器

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>

 

posted @ 2018-04-30 18:04  红领巾***  阅读(551)  评论(0)  编辑  收藏  举报