Javascript 以数字结尾的id的通用CSS

我将从一个例子开始

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

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

这些css是自动生成的。所以我想声明并定义一个用于samplelist的css。。这通常会影响所有ID。因此，生成的任何ID都可以设置样式：_15、_86或类似的内容

那有可能吗

请让我知道，如果解释是有意义的

提前谢谢。

---

Rahul TS

您可以使用以选择器开头的属性：

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

---

更好的是，给他们一个类。

您可以使用以选择器开头的属性：

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

---

更好的是，给他们一个类。

不要生成这样多余的样式，而是使用类一次将相同的样式应用于多个元素。因此，消除了去寻找这种愚蠢的解决方案的必要性

如果不支持跨浏览器兼容的CSS，那么您可以执行以下操作

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

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

[id]：表示它将匹配元素的id属性 ^=：表示如果值以…开头。。。。

---

组合它表示如果id以samplelist开头，则应用此样式。

不要生成此类冗余样式，而是使用类将同一样式一次应用于多个元素。因此，消除了去寻找这种愚蠢的解决方案的必要性

如果不支持跨浏览器兼容的CSS，那么您可以执行以下操作

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

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

[id]：表示它将匹配元素的id属性 ^=：表示如果值以…开头。。。。

---

如果id以samplelist开头，则应用此样式。

在.cssDon中为元素指定class=samplelist和place.samplelist{color:fff；}会容易得多。不用担心，它会起作用。为元素指定class=samplelist和place.samplelist{color:fff；}会容易得多在.cssDon中，不用担心它会起到几乎相同的作用。答案：但我不想删除我的答案：请你再解释一下。我是否需要使用[id^=samplelist\因为它是这个选择器匹配所有以samplelist\开头的id属性的元素。答案几乎相同：但我不想删除我的答案：请您详细解释一下。我是否需要使用[id^=samplelist\因为它是此选择器匹配所有id属性以samplelist\开头的元素。除IE6及以下版本外，所有浏览器都支持CSS属性选择器。@Blender，多个或少个，它仍然不是一个跨浏览器兼容的解决方案。除IE6及以下版本外，所有浏览器都支持CSS属性选择器。@Blender，无论是多个还是少个，它仍然不是一个跨浏览器兼容的解决方案。