CSS 选择器

1 什么是选择器

例：为页面所有div设置字体大小与颜色。

        div{
            font-size:16px;
            color:#a5a0a0;
        }

基本语法

选择器{
  样式内容
}

根据选择器筛选出（选择）当前HTML页面的多个元素，对它们统一进行样式设置。

样式内容可以设置多个样式，通常我们一个样式一行，提高代码可读性。

优点

以前我们通过style属性为每一个html元素设置样式，很多重复内容。

通过选择器可以1次选择多个html元素，进行统一的样式设置，减少重复代码。

理解选择器

如何1次选择这多个html元素？这个规则的设置，即选择器类型。

因为项目需求有各种不同的场景，所以CSS提供了多种选择器类型。

下面分别介绍4大类选择器，共11种选择器。

1）基础选择器

基础选择器类型包括3种：标签选择器、类选择器、ID选择器。

2）高级选择器

高级选择器包括3种：后代选择器、子元素选择器、属性选择器。

3）复合选择器

复合复选择包括2种：逗号选择器、连续选择器。

4）伪类选择器

伪类选择器常用的包括3种：链接伪类、集合伪类、before与after伪类。

组合用法

各选择器可适当的自由组合，我们需要识别它们最基础的用法以及组合用法。