将CSS样式应用于新的Div id

在我的wordpress站点中，我的chimp button-*的div ID的编号会自动变化。与每次更改时都需要添加新的div id不同，有没有一种方法可以使用通配符来捕获从chimp按钮开始的所有div id

以下是我所拥有的：

#chimp-button-7, #chimp-button-6, #chimp-button-5, etc... {
position:relative !important;
}

我想做这样的事

#chimp-button-* {
position:relative !important;
}

对不起，我是CSS noob。

这是属性选择器的调用

习惯了吗

这被称为属性选择器

习惯了吗

---

您可以使用[id^=chimp button-]来选择这些元素，因此[id^=chimp button-]将起作用，但这也是一种管理样式的糟糕方法

---

与其尝试根据一个ID模式选择元素，不如给所有这些元素一个公共类属性，例如class=chimp按钮，然后您可以使用.chimp按钮选择所有元素。

您可以使用一个ID模式选择这些元素，因此[ID^=chimp按钮-]将起作用，但这也是一种管理样式的糟糕方法

---

不要试图根据ID模式选择元素，而是给所有这些元素一个公共类属性，例如class=chimp按钮，然后可以使用.chimp按钮选择所有元素。

您需要的是属性选择器。使用html结构的示例如下：div[class*='chimp-button-']{color:red}

在div的位置可以添加任何元素，在class的位置可以添加指定元素的任何属性

---

有关CSS属性选择器的更多信息，请参阅和。

您需要的是属性选择器。使用html结构的示例如下：div[class*='chimp-button-']{color:red}

在div的位置可以添加任何元素，在class的位置可以添加指定元素的任何属性

---

有关CSS属性选择器的更多信息，请参见和。

参见此，这是此问题的真实答案。谢谢ZZBOV！我会先尝试创建一个新类。这是这个问题的真实答案。谢谢ZZBOV！我将首先尝试创建一个新类。

[id^="chimp-button-"],
[id*="chimp-button-"]{
   // here your  style 
}