CSS选择器的演变

css1.0

层叠:
继承 盒模型 列表 浮动

选择器:
元素  #id .class

复合选择器
后台选择器: e f

伪类:
超链接伪类
:link
:visited
:active

伪元素
类别
:first-letter
:first-line

规则
@import



css2.1

定位

选择器:
通用选择器:*

复合选择器:
子代选择器:e>f
相邻同级选择器:e+f
属性选择器:[~attribute]

伪类
动态伪类
:hover
:active
:focus

结构化伪类
:first-child

语言伪类
:lang

伪元素
:before
:after

规则
@fontface
@media
@character
@page


CSS3.0
复合选择器
常规同级选择器:e ~f

属性选择器
指示位置属性选择器
e[attribute='value']
e[attribute~='value']
e[attribute|='value']

伪类
状态伪类
:enabled
:disabled
:checked
:indeterminate

目标伪类
:target

否定伪类
:not(s)

结构化伪类
:nth-child(n)
:nth-last-child(n)
:nth-of-type(n)
:nth-last-of-type(n)
:last-child
:first-of-child
:last-of-child
:first-of-type
:last-of-type
:only-of-type
:only-child
:empty

伪类
(now with::instead of:)

规则
@keyframe

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.class 和 id 的使用场景? 类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用,也...
    草鞋弟阅读 7,192评论 0 1
  • 一、CSS选择器常见的有几种? 基本选择器 通配选择器~选择文档中所有的html元素,用一个*表示 元素选择器~选...
    dengpan阅读 4,536评论 0 3
  • 选择器 元素选择符 关系选择符 属性选择符 伪类选择符 伪对象选择符 一、元素选择符 通配选择符 (*):选择所有...
    云外之境阅读 5,888评论 0 0
  • 1.class 和 id 的使用场景? 两者都能选取DOM节点并给DOM节点添加样式,但是W3C标准里规定页面中只...
    饥人谷_米弥轮阅读 3,315评论 0 1
  • class 和 id 的使用场景? 每个标签只能设置一个id,此id在页面中只能出现一次。id多用于页面分块时块级...
    cross_王阅读 3,325评论 0 0

友情链接更多精彩内容