css - 更少的 css - 带变量的 ID，google plus，覆盖所有

Question

我希望能够设置 google plus 分享按钮的样式。问题是我在单个页面上动态添加和删除它。每次我添加它时，api都会为按钮的id添加+1。像：

#___plus_0
#___plus_1
#___plus_2
    ...
#___plus_10

我使用较少的 css，是否可以用一个命令覆盖所有这些 id？我尝试过：

#___plus_*

但这不起作用。

我可以这样做，

#___plus_0, #___plus_1, #___plus_2, #___plus_1, #___plus_4,...,#___plus_20

但这似乎有点 hacky，如果用户出于某种原因决定删除并重新添加共享按钮 20 次，它就会中断。

如果这不可能，是否可以告诉谷歌它应该在元素上设置什么 ID？

Answer 1

在 CSS3 中，您可以使用子字符串匹配属性选择器来实现这一点。你可以这样写：

[id^="___plus_"]{ ... }

如果要选择以 .id开头的所有元素___plus_。但是，这可能在某些较旧的浏览器中存在一些问题。