选择多个CSS ID，每个只有1个数字

Question

我有一个问题，我试图选择多个CSS类/ ID。

我的主题调用多个按钮的方式是为按钮ID添加+1，如下所示：

edit-add-to-wishlist
edit-add-to-wishlist--1
edit-add-to-wishlist--2
edit-add-to-wishlist--3
etc

我希望所有按钮都向右浮动，而不必单独命名并在CSS中创建每个id。

我尝试使用nth:child选项以及*通用选择器但没有取得多大成功。

选择多个范围（我想你会称之为）可能吗？

这样的事情：

#edit-add-to-wishlist--* {
    float: right;
}

Answer 1

您可以使用属性选择器：[attr*=value]：

[id*=edit-add-to-wishlist] {
    color: red;
}

jsFiddle here - 它有效

选择id包含edit-add-to-wishlist

的所有实例

  

[ATTR * =值]

     

表示属性名称为attr的元素，其值至少包含一次字符串＆＃34; value＆＃34; as substring。

MDN documentation on the attribute selector

Answer 2

button[id^=edit-add-to-wishlist] {float:right}

通过查找星号为通配符的<button id="edit-add-to-wishlist*>来使用CSS3的子串匹配。