选择器速查(W3C Selectors Level 3)

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

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
我的眼神里,是自由光。 深圳

推荐标签 标签

  • 外包

    有空闲时间是接外包好呢还是学习好呢?

    26 引用 • 232 回帖
  • danl
    146 关注
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖
  • 安装

    你若安好,便是晴天。

    132 引用 • 1184 回帖 • 1 关注
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    8449 引用 • 38490 回帖 • 155 关注
  • flomo

    flomo 是新一代 「卡片笔记」 ,专注在碎片化时代,促进你的记录,帮你积累更多知识资产。

    5 引用 • 107 回帖
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    171 引用 • 512 回帖
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    21 引用 • 140 回帖 • 2 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖 • 6 关注
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 400 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖
  • Notion

    Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

    7 引用 • 40 回帖
  • GitHub

    GitHub 于 2008 年上线,目前,除了 Git 代码仓库托管及基本的 Web 管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。正因为这些功能所提供的便利,又经过长期的积累,GitHub 的用户活跃度很高,在开源世界里享有深远的声望,并形成了社交化编程文化(Social Coding)。

    210 引用 • 2036 回帖
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖 • 3 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 5 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 592 关注
  • 反馈

    Communication channel for makers and users.

    123 引用 • 913 回帖 • 250 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    21 引用 • 31 回帖 • 4 关注
  • 正则表达式

    正则表达式(Regular Expression)使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖 • 2 关注
  • 开源

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

    407 引用 • 3578 回帖
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 789 关注
  • 创造

    你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!

    178 引用 • 997 回帖
  • OpenShift

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

    14 引用 • 20 回帖 • 632 关注
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年,是中国的 IT 社区和服务平台,为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务,满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。

    170 引用 • 414 回帖 • 387 关注
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 779 关注
  • 导航

    各种网址链接、内容导航。

    42 引用 • 175 回帖