CSS选择器

1. 基本选择器

• 标签 选择器：选择一类标签 标签{}
• 类 选择器 class：选择所有class属性一致的标签，跨标签 .类名{}

• Id 选择器：全局唯一 #id名{}

  优先级：id>class>标签

2. 层次选择器

• 后代选择器：在某个元素的后面

   /*后代选择器*/
   body p{
       background: red;
   }

• 子选择器：一代

   /*子选择器*/
   body>p{
       background: red;
   }

• 相邻兄弟选择器：同辈

   /*相邻兄弟选择器*/
   .active + p{
       background: red;
   }

• 通用选择器

   /*通用兄弟选择器，当前选中元素的向下的所有兄弟元素*/
   .active~p{
       background: red;
   }

3. 结构伪类选择器

根据元素在文档中所处的位置，来动态选择元素，从而减少HTML文档对ID或类的依赖，有助于保持代码干净整洁。

4. 属性选择器