首页 > 代码库 > CSS选择器

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名/高级选择器选定后的元素[属性名]{ } 

CSS选择器