css - 如何将样式应用于具有前缀 ID 的元素?

标签 css css-selectors

我需要在其 ID 中具有固定前缀的重复元素上应用样式。例如对于生成的IDold-price-520old-price为前缀,数字后缀会有所不同。

如何将样式应用于这些元素,或者如何使用 CSS 引用它们?

这是我想做的事情的一个例子:

#old-price-* {
    // some styles
}

最佳答案

div[id|="old-price"]

会选择所有 div 带有 id = old-price-* 的元素

# id-selector 的强大功能相比,Handycap 的性能相当差。此外,它的特异性低于普通的 #

编辑:

fiddle

关于css - 如何将样式应用于具有前缀 ID 的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9924503/

相关文章:

html - 在 slider (Chrome) 中通过表单域切换时出现意外滚动

css - 是否有 CSS 父级选择器?

html - 隐藏具有特定类的第一个 div

CSS 网格列

javascript - 如何在移动 View css 中相互交换 div

javascript - 单击屏幕或任何元素以执行功能

CSS : get last HTML tag with a given class, 在一个列表中,不是每个 HTML 标签都有这个类

jquery - 使用 jQuery 选择空文本输入

css - 只选择具有两次相同类别的节点

html - 菜单栏在窗口调整大小时推过 div 暴露其后面的区域