选择器速查(W3C Selectors Level 3)

本贴最后更新于 2907 天前,其中的信息可能已经水流花落

W3C Selectors Level 3

此速查表译自:W3C Selectors Level 3
对于每一种选择器,都添加了由 Mozilla 提供的详细说明页面的直达链接。

模式 描述 释义
* 通配选择符 任意元素。
E 标签选择器 任意标签为 E 的元素。
E.warning 类选择器 一个 E 元素,其类为“warning”(文档语言决定如何判断类)。
E#myid ID 选择器 一个 E 元素,其 ID 等于“myid”。
E[foo] 属性选择器 一个 E 元素,其拥有“foo”属性的。
E[foo="bar"] 属性选择器 一个 E 元素,其“foo”属性的值完全等于“bar”。
E[foo~="bar"] 属性选择器 一个 E 元素,其“foo”属性的值是一个以空白字符分割的列表,其中一个元素完全等于“bar”。
E[foo^="bar"] 属性选择器 一个 E 元素,其“foo”属性的值以字符串“bar”开始。
E[foo$="bar"] 属性选择器 一个 E 元素,其“foo”属性的值以字符串“bar”结束。
E[foo*="bar"] 属性选择器 一个 E 元素,其“foo”属性的值包含子字符串“bar”
[E[foo ="en"]](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Attribute_selectors) 属性选择器
E:root 结构伪类 一个 E 元素,且为文档的根。
E:nth-child(n) 结构伪类 一个 E 元素,且为其父亲的第 n 个孩子。
E:nth-last-child(n) 结构伪类 一个 E 元素,且从其父亲的最后一个孩子开始计数,为其父亲的第 n 个孩子。
E:nth-of-type(n) 结构伪类 一个 E 元素,且为该类型的第 n 个兄弟。
E:nth-last-of-type(n) 结构伪类 一个 E 元素,且从该类型的最后一个兄弟开始计数,为该类型的第 n 个兄弟。
E:first-child 结构伪类 一个 E 元素,且为其父亲的第一个孩子。
E:last-child 结构伪类 一个 E 元素,且为其父亲的最后一个孩子。
E:first-of-type 结构伪类 一个 E 元素,且为该类型的第一个兄弟。
E:last-of-type 结构伪类 一个 E 元素,且为该类型的最后一个兄弟。
E:only-child 结构伪类 一个 E 元素,且为其父亲的唯一一个孩子。
E:only-of-type 结构伪类 一个 E 元素,且为该类型的唯一一个兄弟。
E:empty 结构伪类 一个 E 元素,且其不包含孩子(包含 Text 节点)
E:link 链接伪类 一个 E 元素,且其为一个尚未被访问(:link)或已经被访问(:visited)的超链接的源锚点。
E:active 用户操作伪类 一个 E 元素,且其处于某一用户操作期间。
E:target 目标伪类 一个 E 元素,且其为引用 URI 的目标。
E:lang(fr) 语言伪类 一个类型为 E,语言为“fr”的元素(文档语言决定如何判断其语言)。
E:enabled UI 元素状态伪类 一个用户界面元素 E,其可用或者被禁用。
E:checked UI 元素状态伪类 一个用户界面元素 E,其被选中(例如单选按钮或复选框)。
E::first-line 首行伪元素 E 元素的第一个有格式的行。
E::first-letter 首字母伪元素 E 元素的第一个有格式的字母。
E::before 前置伪元素 在 E 元素之前产生的内容。
E::after 后置伪元素 在 E 元素之后产生的内容。
E:not(s) 否定伪类 一个 E 元素,其不匹配简单的选择器 s。
E F 后裔组合 一个 F 元素,且其为 E 元素的后裔。
E > F 孩子组合 一个 F 元素,且其为 E 元素的孩子。
E + F 相邻兄弟组合 一个 F 元素,且其紧紧跟随 E 元素。
E ~ F 一般兄弟组合 一个 F 元素,且其跟随 E 元素。

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • someone

    胸毛,麻烦更新一下 ‘Ansen’s Blog’ 的友链,新域名为这个:www.lshell.com

  • someone

    ok

LyZane
我的眼神里,是自由光。 深圳

推荐标签 标签

  • 微信

    腾讯公司 2011 年 1 月 21 日推出的一款手机通讯软件。用户可以通过摇一摇、搜索号码、扫描二维码等添加好友和关注公众平台,同时可以将自己看到的精彩内容分享到微信朋友圈。

    133 引用 • 796 回帖
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    166 引用 • 314 回帖
  • 持续集成

    持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。

    15 引用 • 7 回帖 • 1 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。

    7 引用 • 31 回帖 • 247 关注
  • Docker

    Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的操作系统上。容器完全使用沙箱机制,几乎没有性能开销,可以很容易地在机器和数据中心中运行。

    495 引用 • 931 回帖
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    20 引用 • 7 回帖 • 3 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    411 引用 • 3588 回帖
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    267 引用 • 666 回帖
  • sts
    2 引用 • 2 回帖 • 227 关注
  • CodeMirror
    2 引用 • 17 回帖 • 162 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    24 引用 • 241 回帖
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    84 引用 • 324 回帖
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖
  • 创业

    你比 99% 的人都优秀么?

    82 引用 • 1395 回帖
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用 • 8 关注
  • Follow
    4 引用 • 12 回帖 • 12 关注
  • danl
    164 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    89 引用 • 150 回帖 • 1 关注
  • 运维

    互联网运维工作,以服务为中心,以稳定、安全、高效为三个基本点,确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    150 引用 • 257 回帖 • 1 关注
  • 一些有用的避坑指南。

    69 引用 • 93 回帖
  • CAP

    CAP 指的是在一个分布式系统中, Consistency(一致性)、 Availability(可用性)、Partition tolerance(分区容错性),三者不可兼得。

    12 引用 • 5 回帖 • 631 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

    76 引用 • 258 回帖 • 628 关注
  • 新人

    让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
    新手上路,请谨慎驾驶!

    52 引用 • 228 回帖
  • OpenShift

    红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 657 关注
  • 反馈

    Communication channel for makers and users.

    121 引用 • 907 回帖 • 272 关注
  • RemNote
    2 引用 • 16 回帖 • 11 关注
  • 自由行