css基础——选择器

一、选择器的种类：

标签选择器、id选择器、class选择器、层级选择器、组合选择器

二、分别介绍

1、标签选择器：

div{
        background-color: aquamarine;
        color: blanchedalmond;
}

直接使用标签名称即可

2、id选择器：

#id1{
        color: blue;
        background-color: bisque;
}

1、使用#号表示id选择器
2、#后为id值
3、由于html中id不允许重复，则使用率此选择器使用率低

3、class选择器：

.c1{
      color: blueviolet;
      background-color: blanchedalmond;
}

1、使用英文句号表示类选择器.
2、.后面是class的值
3、不限定是什么标签，只要有对应的class值即可生效
4、此选择器较常用

4、层级选择器：

.cc div p a{
      color: mediumorchid;
}

1、标签嵌套时可使用
2、以空格来表示层级
3、可以同时使用多种选择器，不限定为一种，例如最外层使用class选择器，下级使用标签选择器

5、组合选择器：

.c2,.c3,div{
       color: darkgrey;
}

1、对多个元素使用相同的样式时
2、以逗号进行分隔
3、同样可使用多种选择器，class和标签选择器可同时使用