html - css 类变量的结尾

Question

我有以下课程，最后一个数字是可变的。

是否可以像这样只定义开头但使用一些通配符？

<style>
.cm-reload-ajax {border:1px solid #ff0000;}
</style>

class="cm-reload-ajax30151" 

回答，我是用 id 做的：

div[id^="add_to_cart_update_ajax"]{text-align:right;}

Answer 1

如果您支持较新的 CSS3 浏览器，则需要以下选择器：

http://www.w3.org/TR/css3-selectors/#attribute-substrings

例子：

div[class^="cm-reload-ajax"]

如果你有 HTML 像：

<p class="cm-reload-ajax1212">The 1212 text...</p>
<p class="cm-reload-ajax2312">The 2312 text...</p>
<p class="cm-reload-ajax3412">The 3412 text...</p>
<p class="cm-reload-ajax4512">The 4512 text...</p>

然后您可以使用 CSS 设置所有这些元素的样式：

p[class^="cm-reload-ajax"] {
    border: 1px solid gray;
    margin: 1.00em;
}

见小提琴：http: //jsfiddle.net/audetwebdesign/EqFj7/