【问题标题】:CSS attribute selector matching void valueCSS 属性选择器匹配 void 值
【发布时间】:2021-06-12 18:41:11
【问题描述】:

是否可以匹配没有值的属性的元素?

即:匹配这个:<element attribute>

不要匹配这个:<element attribute=""><element attribute=" ">, <element attribute="<any Unicode string>">.

(不使用[attribute]:not([attribute^="a"i]):not([attribute^="b"i]):not([attribute^="<all remaining Unicode characters">)。)

【问题讨论】:

  • 可能不可能,因为 DOM 不被解释为字符串...

标签: css


【解决方案1】:

没有办法用 CSS 做到这一点,因为 <element attribute><element attribute=""> 相同。

您可以在规范中阅读此内容:https://html.spec.whatwg.org/multipage/syntax.html#attributes-2

空属性语法: 只是属性名称。该值隐含为空字符串。

【讨论】:

  • 嗯,这是一个很好的指针,因为我的用例实际上是匹配 void 或空字符串值,我没有意识到从 CSS 的角度来看两者是同一件事。 (在询问之前甚至没有尝试过测试。)所以谢谢,现在我知道[attribute=""] 应该匹配<element attribute><element attribute="">
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-12-04
  • 2016-03-03
  • 1970-01-01
  • 2019-09-08
  • 2017-06-14
  • 2016-01-13
相关资源
最近更新 更多