css - 如何在属性选择器中使用/模拟类似正则表达式的反向引用?

标签 css css-selectors

我想做的是编写一个选择器来匹配一个地方的任意值,然后要求一个不同的值等于它。如果 [attr="value"] 将“value”解析为正则表达式,那么这将解决我的问题:

*[class="(.+)"] *[class="if_\1"] {/* styles */}

显然,我可以单独列出每个可能的类,但这会带来很大的便利性。

这可能吗?

最佳答案

不,这不可能。属性选择器几乎是完全静态的,几乎不提供动态匹配功能(除了子字符串匹配,它仍然是静态的,而不是基于动态模式的)。它们不支持您在日常正则表达式中看到的任何内容。

Sass 或 LESS 等样式表预处理器将允许您生成所需的静态 CSS 规则,但所做的只是自动执行单独列出所有可能值的手动任务,这证明了我的第一点。

关于css - 如何在属性选择器中使用/模拟类似正则表达式的反向引用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23593098/

相关文章:

html - 如何在 Firefox 中删除交叉日期和时间 HTML 输入

jquery - 选择以 jquery 开头的类

css - 如何选择作为给定元素子元素的多个元素?

css - 如果你有两个类 CSS 选择器,它们是否有从属关系,这种层次关系是否需要在 HTML 中反射(reflect)出来?

css - 环绕 float 元素的自定义列表项背景

javascript - bootstrap 表数据中不区分大小写的搜索

javascript - 将 "this"与 jQuery 选择器一起使用

html - ul#menu vs #menu?

css - 哪些字符在 CSS 类名/选择器中有效?

css - CSS中使用inherit的必要性