2017-03-13 75 views
0

對於Chartist線條圖,我試圖通過CSS對點進行條件着色。決定顏色的值是「0" 的ct:value屬性,如下所示:對具有特殊字符名稱的CSS3屬性過濾

<line x1="555" y1="317.2833251953125" x2="555.01" y2="317.2833251953125" class="ct-point" ct:value="63624984960667,0"></line> 

我們可以使用哪些屬性選擇器的風格所有線路元件,從而ct:value含有」 0" ?

我已經嘗試沒有成功如下:

line[ct\:value~=",0"] { 
    //etc 
} 

UPDATE:修改後的原始代碼顯示蒂爾達(〜),而不是插入符號(^)。

+0

[其屬性中選擇元素,當它有一個冒號在它的名稱]的可能的複製(http://stackoverflow.com/questions/34446361/選擇一個元素時,它的屬性 - 當它有一個冒號 - 它的名字) - 就像你的,這個問題還涉及到Chartist XML。 – BoltClock

回答

1

匹配表達式的屬性,val^="attribute"意味着屬性必須attribute開始,不只是包含它。你想*=,而不是隻是字符串匹配的地方:

line[ct\:value*=",0"] { 
    ... 
+0

你是對的,但我看着原來的代碼,它實際上是使用tilda(〜) - 我會更新我的問題。所以問題似乎與選擇器或轉義字符。 – Savage

+0

爲什麼不發佈原始代碼? – Tashi

+1

對不起,它是'* =',而不是'〜='! 「tilde-equals」方法僅執行完全匹配或空白分隔的匹配。 – Tashi