CSS选择器的整理

标签选择器

格式:
标签名称{
属性：值；
}

id选择器

格式:
#id名称{
属性：值；
}
注意点：
1.每个html标签都有一个属性叫id，也就是说每个标签都可以设置id。
2.在同一界面id不可重复。
3.编写id选择器时一定要在id名称前加#。
4.id名称只能由数字字母下划线组成，但不能以数字开头。不能是html的标签名称。一般来说，id是留给js使用的。

类选择器

格式:
.类名{
属性：值；
}
注意点:
1.每个html标签都有一个属性叫class，也就是说每个标签都可以设置类名。
2.在同一界面中，类名可以重复。
3.同样，在类名前必须加上’.’。
4.类名一般用来设置样式。
5.html中每个标签可同时绑定多个类名。

后代选择器

格式:
标签名称1 标签名称2{
属性：值；
}
机制：
先找到标签名称1的标签，然后再在这个标签下面去查找所有名称叫做标签名称2的标签。
注意点：
1.后代必须用空格隔开。
2.后代不仅仅是儿子也可以是孙子。
3.后代不仅可以使用标签名称，也能只用其他选择器。

子元素选择器

格式:
标签名称1>标签名称2{
属性：值；
}
机制：
找到标签中的所有直接子元素，然后设置属性。
注意点：
1.子元素只会选择儿子。
2.必须用>符号
3.子元素不仅可以使用标签名称，也能使用其他选择器

并集选择器

格式:
选择器1，选择器2{
属性：值；
}
注意点：
1.并集需要使用，连接
2.选择器可以使用标签名称/id/class

序选择器

格式:
1.同级别的第一个
:first-child
2.同级别中同类型的第一个
:first-of-type
3.同级别最后一个
:last-child
4.同级别同类型最后一个
:last-of-type
5.同级别的第n个标签
:nth-child(n)
6.同级别同类型的第n个标签
:nth-of-type(n)

并集选择器

格式:
1.标签名称[属性]{
属性：值；
}
根据指定的属性找到对应的标签
2.标签名称[属性=值]{
属性：值；
}
找到指定属性，并且属性取值为指定值的标签
注意点：
在2方法有3种使用情况：
1.属性以什么值开头
[属性^=值]
2.属性以什么值结尾
[属性$=值]
3.属性取值包括某个特定值
[属性*=值]

通配符选择器

格式：
*{
属性：值；
}