对具有特殊字符的名称进行CSS3属性筛选

对具有特殊字符的名称进行CSS3属性筛选,css,css-selectors,Css,Css Selectors,对于图表线图,我尝试通过CSS对点进行条件着色。决定颜色的值是ct:value属性上的“、0”,如下所示: <line x1="555" y1="317.2833251953125" x2="555.01" y2="317.2833251953125" class="ct-point" ct:value="63624984960667,0"></line> 更新:修改原始代码以显示tilda(~)而不是插入符号(^)。属性匹配表达式,val^=“attribute”表示

对于图表线图,我尝试通过CSS对点进行条件着色。决定颜色的值是
ct:value
属性上的“、0”,如下所示:

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

更新:修改原始代码以显示tilda(~)而不是插入符号(^)。

属性匹配表达式,
val^=“attribute”
表示属性必须以
属性开始,而不仅仅是包含它。您希望只匹配字符串中的某个位置,而不是
*=

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

你说得对,但我看了原始代码,它实际上使用了tilda(~)-我将更新我的问题。所以问题似乎出在选择器或转义字符上。对不起,这是
*=
,而不是
~=
!“tilde equals”方法只进行完全匹配或空格分隔的匹配。与您的方法一样,这个问题也涉及图表XML。
line[ct\:value*=",0"] {
   ...