2014-07-09 121 views
1

認爲是這樣的添加CSS規則的一些元素

div#tabstrip.tabstrip-vertical.k-widget.k-header.k-tabstrip div#tabstrip-4.k-content.k-state-active{ 
    background-image: url("http://wwww.example.com/logo2.png") !important; 
    background-position: right center; 
    background-repeat: no-repeat; 
} 

問題是與我有CSS規則#分頁列-4,我不知道它是如何的任何數字來和我想申請該角色所有那個元素,只有id的元素會像2 3 4 5等改變。

任何pseuso選擇器解決方案?

+2

UM,那是什麼類爲什麼。 – epascarello

+0

'''tabtrip-x'可以是'x'嗎? – Luke

回答

3

這就是類的用途。將類放在您想要以這種方式設置樣式的元素上,併爲該類添加CSS。如果是這樣,出於某種原因,沒有生命力的,可以隨時使用「開始,以」選擇在CSS:

div[id^="tabstrip-"] { 
    /* Your CSS*/ 
} 
+0

這是行不通的 – Schneider

+0

它取決於你需要支持的瀏覽器[它的作品](http://jsfiddle.net/YLqqN/),並且應該在任何[上面的IE6](http://caniuse.com/ #技藝= CSS-SEL3) – Alex

1

使用「開始與」選擇:div[id^='tabstrip-']

div#tabstrip.tabstrip-vertical.k-widget.k-header.k-tabstrip div[id^='tabstrip-'].k-content.k-state-active{ 
    background-image: url("http://wwww.example.com/logo2.png") !important; 
    background-position: right center; 
    background-repeat: no-repeat; 
}