相关规范:https://www.w3.org/TR/selectors-4/#relational MDN地址:https://developer.mozilla.org/zh-CN/docs/Web
任意匹配伪类 :is() :is()伪类与:matches()伪类及:any()伪类之间的关系 2018 年 10 月底,:matches ()伪类改名为:is()伪类 ([selectors-4] Rename
基于此,在W3 CSS selectors-4 规范[22] 中,新增了一个非常有意思的 :focus-visible 伪类。 Translations/WCAG21-zh/ [21] 知乎 -- 助你轻松做好无障碍的15个UI设计工具推荐: https://zhuanlan.zhihu.com/p/349761993 [22] W3 CSS selectors -4 规范: https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo [23] CodePen Demo -- :focus-visible
Simple_selector_sequence —— 简单选择器:类型选择器、* 一定会在最前面,然后可以是 ID、class、attr、pseudo等选择器 Level 4 —— https://www.w3.org/TR/selectors
在 W3 CSS selectors-4 规范 中,新增了一个非常有意思的 :focus-visible 伪类。
vYGvqmZ): :target` 和 `:target-within :target和:target-within都是 Selectors Level 4(https://www.w3.org/TR/selectors -4) 模块中的两个伪元素(https://www.w3.org/TR/selectors-4/#the-target-within-pseudo)。 其实:focus-within和:focus-visible都是CSS选择器 Level 4中用户操作类伪类选择器(https://www.w3.org/TR/selectors-4/#useraction-pseudos
基于此,在W3 CSS selectors-4 规范 中,新增了一个非常有意思的 :focus-visible 伪类。
@supports (selector(:has(works))) { /* safe to use :has() */ } 相关资源: Spec: https://www.w3.org/TR/selectors
基于此,在 W3 CSS selectors-4 规范中,新增了一个非常有意思的 :focus-visible 伪类。这个选择器可以有效地根据用户的输入方式(鼠标或是键盘)展示不同形式的焦点。