#id的通用CSS以数字结尾

Question

我将从一个例子开始

我有类似的东西。具有不同结尾编号的相同ID名称。

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

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

这可能。

如果说明有意义，请告诉我

提前致谢。 Rahul TS

Answer 1

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

如果没有跨浏览器兼容的CSS，那么你可以做类似

的事情

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

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

• [id]：表示它将匹配元素的id属性
• ^=：表示该值是否以....
开头

结合使用“如果id以samplelist_开头”，则应用此样式。

Answer 2

您可以使用属性starts-with selector：

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

更好的是，给他们上课。