标签选择器
标签名称{
属性:值;
}ID选择器
#ID{
属性:值;
}类选择器
.类名{
属性:值;
}- ID相当于人的身份证不可以重复，class相当于人的名称可以重复
- 一个HTML标签只能绑定一个id名称，一个HTML标签可以绑定多个class名称
- ID一般情况下是给JS使用的, 所以除非特殊情况, 否则不要使用ID去设置样式
后代选择器：
找到指定标签的所有后代（子/孙子/重孙子）标签，以空格相隔，格式为：
标签名称1 标签名称2{
属性:值;
}子元素选择器
只找到指定标签的子元素
标签名称1>标签名称2{
属性:值;
}相邻兄弟选择器：+
指定标签后紧跟的那个标签设置属性
选择器1+选择器2{
属性:值;
}通用兄弟选择器：~
给指定选择器后面的所有选择器选中的所有标签设置属性
选择器1~选择器2{
属性:值;
}通配符选择器：*
给当前界面上所有标签设置属性
*{
属性:值;
}序选择器：CSS3中新增的
作用: 选中指定的任意标签然后设置属性
格式:
1.同级别的第几个
:first-child 选中同级别中的第一个标签
:last-child 选中同级别中的最后一个标签
:nth-child(n) 选中同级别中的第n个标签
:nth-last-child(n) 选中同级别中的倒数第n个标签
:only-child 选中父元素中唯一的标签
注意点: 不区分类型
2.同级同类型的第几个:first-of-type 选中同级别中同类型的第一个标签
:last-of-type 选中同级别中同类型的最后一个标签
:nth-of-type(n) 选中同级别中同类型的第n个标签
:nth-last-of-type(n) 选中同级别中同类型的倒数第n个标签
:only-of-type 选中父元素中唯一类型的某个标签
3.其它用法
:nth-child(odd) 选中同级别中的所有奇数
:nth-child(even) 选中同级别中的所有偶数
:nth-child(xn+y)
x和y是用户自定义的, 而n是一个计数器, 从0开始递增
:nth-of-type(odd) 选中同级别中同类型的所有奇数
:nth-of-type(even) 选中同级别中同类型的所有偶数
:nth-of-type(xn+y)
x和y是用户自定义的, 而n是一个计数器, 从0开始递增