Question

在我的wordpress网站上，我的“chimp-button- *”的div的数量会自动变化。而不是每次更改时都需要添加一个新的div id，是否有办法使用通配符捕获以chimp-button开头的所有div id？

这就是我所拥有的：

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

我想做这样的事......

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

抱歉，我是CSS菜鸟。

Answer 1

您可以使用attribute selector选择这些元素，这样[id^="chimp-button-"]就可以了，但是管理样式也是一种糟糕的方法。

不是尝试根据ID模式选择元素，而是为所有这些元素提供一个公共类属性，例如class="chimp-button"，然后可以使用.chimp-button选择所有元素。

Answer 2

这被称为属性选择器

用于此

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

Answer 3

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

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

有关CSS属性选择器的详细信息，请参阅here和here。