详解CSS选择器的分类

列位前端初学者们，css是我们最最根本的常识了，那么你们对css选择器的领会有几多呢？选择器是css中很主要的常识，用好了选择器，那么你的css样式将出格标致！

东西/原料

• 电脑
• 前端编纂器（Dreamweaver或者sublime）

根基选择器

1. 1

   一、标签选择器：选择给哪个标签加样式，主动指标的目的该标签，语法：标签选择器名{ 属性:属性值;   }。

   
2. 2

   二、类选择器：给一类html标签加样式。语法： 类选择器名{属性：属性值;   }，选择器名是本身界说，要起得有意义。

   
3. 3

   三、Id选择器：给特心猿意马的html标签加样式。格局:id选择器名{属性:属性值;  }，Id选择器用#来暗示。选择器名自界说，要起得有意义。

   
4. 4

   四、通用选择器：（*所有）给所有的标签加样式，Html  body p table  ul li ol ….. 给所有的html标签加样式。语法： *{属性:属性值;   }。

   

复合选择器

1. 1

   一、多元素选择器：多个标签共有的属性和属性值，放到一路。语法：选择器，选择器，选择器……..{共有的属性：属性值;   }。

   
2. 2

   二、儿女元素选择器：给html的儿女标签加样式。语法：选择器1    选择器2  选择器3{属性:属性值;   }。

   
3. 3

   三、子元素选择器 :给html标签的子标签加样式。格局:选择器>选择器{属性:属性值;  }。

   

注重事项

• 标签选择器不消引用，把样式主动套到对应的标签，所有的对应标签都加上该样式
• 注重css语法，语法错误的话，样式会乱