CSS选择器
1、ID选择器 #aaaa{}
2、类选择器 .aaaa{}
3、属性选择器
简单 :h1[属性名]{}
具体 :h1[属性名=""]{}
部分:h1[属性名~=""]{}
开头 :h1[属性名^=""]{}
结尾 :h1[属性名$=""]{}
包含 :h1[属性名*=""]{}
特定 :h1[属性名|=""]{}(以属性值开头)
4、后代选择器
基本 : body h1{}
精确 :h1>strong{}
相邻 :h1+p{} (两元素必须相邻切要有共同的父元素)
5、伪类选择器
:伪类{}
静态
:like(超链接并指向一个还未访问的地址)
:visited(已访问的地址)
:first-child(选择第一个子元素)
:lang(语言选择)
动态
:focus(当前有输入焦点的元素)
:hover(鼠标停留的元素)
:active(被用户激活的元素)
6、伪元素选择器
手写字母样式: 元素:first-letter{} (只能应用于标记或段落之类的块级元素,不能用于超链接等行内元素)
第一行样式 : 元素:firs-line{}(只能应用于标记或段落之类的块级元素,不能用于超链接等行内元素)
设置之前 : 元素:before{content:" 内容 "; 样式}
设置之后 : 元素:after{content:" 内容 "; 样式}