1、选择器
:focus——选择具有焦点的输入元素
:first-letter——选择元素的第一个字母
:first-line——选择元素的第一行
:before——在元素之前插入内容
:after——在元素之后插入内容
id选择器：#id{ }
命名时，仅数字、字母、下划线可用，且数字不可开头，标签也不可用于id命名
id选择器不可重复 独一无二
类选择器：.className{ }
命名时，仅数字、字母、下划线可用，且数字不可开头，标签也不可用于class命名
一个标签可用多个类名 共性样式可以巧用
后代选择器：空格隔开最上面两个选择器 如（.className #id{ }、.className .className{ }、#id #id{ }）
只要是后代就可选中（包括重孙）
子元素选择器：>隔开最上面两个选择器 如（.className>#id{ }、.className>.className{ }、#id>#id{ }）
类似后代选择器 不过仅能选中儿子 重孙不可选中
交集选择器：无空格隔开 选择器1选择器2{ }
选择交集元素 （用的较少）
并集选择器：逗号隔开 选择器1，选择器2，选择器3{ }
可同时给几个选择器定义样式
兄弟选择器：
1、相邻兄弟 选择器1+选择器2{ }：给1后面紧跟的2设置样式
2、通用兄弟 选择器1~选择器2{ }：给1后面所有的2设置样式
序选择器：
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——选中仅有一个子元素（仅限所选这个类型）的元素
注：对于：nth-child（）、：nth-of-type（）及另外两个last
可传入参数 odd—选中所有奇数 even—选中所有偶数
亦或是xn+y 其中x y自定义 选中符合式子的元素（n从零递增）
属性选择器：选择器[attribute=value]{ }：选择含有此属性的元素
例如 p[class=’cc’]{ }
1、以。。。开头的[attribute^=value] （例如：p[class^=’cc’]{ }选中class以cc开头的p元素 同下）
2、以。。。结尾的[attribute$=value]
2、包含特定值的[attribute*=value]
内容选择器：
1、：empty——选中既没文本也无子元素的指定元素
2、：parent——找到有文本或子元素的指定元素
3、：contains（” “）——找到包含” “中文本的指定元素
4、：has（” “）——找到包含” “中子元素的指定元素
通配符选择器：*{ } ：给当前页面所有标签设置样式（注：一般不会用 因为降低服务器速率）
2、选择器优先级
id>类>标签>通配符>继承>浏览器默认
3、优先级提升
！important（仅可直接选中）：使得优先级最大
p{color：red ！important;}1、只能直接选中，不能用于间接选中
2、通配符选中标签也是直接选中的
3、仅提升选中的样式，而其他样式不会提升
4、必须写分号前面
4、选择器权重计算
id多看id>类名多看类名>标签多看标签（都一样时 谁写后面听谁的）通配符权重为0 不计入
注：一般只有选择器直接选中才会用到权重计算
5、继承性
1、以color/font-/text-/line开头属性可继承
2、只要是后代就可继承
3、a标签文字颜色和下划线无法继承
4、h标签的文字大小无法继承