CSS之选择器
常用选择器
元素选择器 元素名{}
后代选择器 两元素之间是空格表示
精确定位 类选择器 . ,ID选择器 #
伪类选择器 需要对文档结构之外的其他条件对元素应用样式。
链接伪类 元素名/类名:link、:visited
动态伪类 元素名/类名:active、:hover、:focuse,对于不同伪类实现相同效果可以紧密排列,如a :link:hover{} first-child伪类 元素名first-child:{} 选择该元素中的第一个,不要理解成其中的第一个元素。可以和高级选择符配合使用如 p > i:first-child{} p中第一个i
lang伪类 伪类允许您为不同的语言定义特殊的规则。q:lang(no){quotes: "~" "~"} :lang 类为带有值为 "no" 的 lang 属性的
伪元素 :first-letter 文本第一个字母添加样式 :first-line 文本第一行添加样式 :before{content: ****;} 文本之前添加内容 :after{content: ****;} 文本之后添加内容
通用选择器
*
高级选择器
子类选择器 >
相邻选择器 +
属性选择器 元素名/类名/ID名/高级选择器选定后的元素[属性名]{ }