css類變量的結尾

我有以下類，最後的數字是可變的。css類變量的結尾

是否可以定義像這樣的開始，但有一些通配符？

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

class="cm-reload-ajax30151"

答案，我用一個id做到了：

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

來源

2013-10-07 Bas

爲什麼你必須對這些數字html？ –

聽起來像一個XY問題。爲什麼不添加一個穩定的課程，例如'class =「cm-reload-ajax ajax12345」'？ – deceze

它們是由該腳本生成的。 – Bas

如果要支持新的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/

來源

2013-10-07 14:45:11

css類變量的結尾

回答

相關問題