首页 > 代码库 > 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选择器
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。