javascript - #id 以数字结尾的通用 CSS

Question

我将从一个例子开始

我有这样的东西。相同的 id 名称具有不同的结尾编号。

#samplelist_1 { color: #fff; }
#samplelist_2 { color: #fff; }
#samplelist_3 { color: #fff; }
#samplelist_4 { color: #fff; }

这些css是自动生成的。所以我想为#samplelist_..声明和定义一个css，这通常会影响所有的#id。所以任何生成的#ids 说：_15、_86 或任何类似的东西都可以设置样式。

那可能吗。

如果解释有意义，请告诉我

提前致谢。拉胡尔 TS

score 3 · Accepted Answer

您可以使用属性 starts-with 选择器：

[id^="samplelist_"] {
    color: white;
}

更好的是，给他们上课。

score 3 · Accepted Answer

不要生成这种多余的样式，而是使用类一次将相同的样式应用于多个元素。因此，无需首先寻找这种愚蠢的解决方案。

如果不使用跨浏览器兼容的 CSS，那么您可以执行类似的操作

[id^="samplelist_"] {
    color: #FFF;
}

让我详细解释一下这个选择器

结合它说“如果id以samplelist_”开头，然后应用这种风格。

2 回答 2