对具有特殊字符的名称进行 CSS3 属性过滤

Question

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

<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
}

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

Answer 1

属性匹配表达式，val^="attribute" 表示属性必须以attribute开头，而不仅仅是包含它。您需要 *= 而不是仅匹配字符串中的某处:

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