如果HTML有这样的内容：
id="product42"
id="product43"
...
如何匹配所有这些ID的起始与“产品”？
我已经看到了这样做正是使用JavaScript的答案，但如何在只CSS做呢？
Answer 1:
[id^=product]
^=表示“开始与”。 相反， $=表示“有目的”。
这些符号实际上是从那里正则表达式的语法，借了^和$分别表示“字符串的开始”和“字符串结尾”。
见规格的完整信息。
Answer 2:
我不喜欢这样写道：
[id^="product"] {
...
}
理想的情况下，使用类。 这是什么类是：
<div id="product176" class="product"></div>
<div id="product177" class="product"></div>
<div id="product178" class="product"></div>
而现在的选择就变成了：
.product {
...
}
Answer 3:
使用属性选择
[id^=product]{property:value}
Answer 4:
我注意到，有另一个CSS选择器，做同样的事情。 语法如下：
[id|="name_id"]
这将选择与双引号括起来的字开始的所有元素的ID。
文章来源: How to get CSS to select ID that begins with a string (not in Javascript)?
