css复合选择器的使用规则

css复合选择器的使用规则

1. id嵌套class

   <p id="app" class="container"></p>
   
   #app.container{
        }
   

2. 一个元素标签使用多个class。

   <p class="app container"></p>
   
   // 注意没有空格，有空格代表样式嵌套
   .app.container {
        }
   

3. id标签内的class元素。

   <div id="app"><p class="container"></p></div>
   
   #app .container {
        }
   

4. 元素标签下的class。