如何在google api图表中应用svg的css代码

Question

我想在下图中为所选项目应用一些css代码：

我该怎么做？我试过这样的事情：

text[name="text-anchor"] {display:none}

以及为什么我不能这样做？：

    g g g text[text-anchor]{display:none} 
    g g g:first-of-type text[text-anchor] {display:block} 
    g g g:last-of-type text[text-anchor] {display:block} 

像这样

Answer 1

对于属性选择器而言，它只是text[attr]而且＆gt;为...的孩子。

＆＃13;

＆＃13;

g > g > g > text[text-anchor] {display:none}

＆＃13;

<svg>
    <g><g>
      <text text-anchor="middle" x="100" y="30">now you see me</text>
      <g><text text-anchor="middle" x="100" y="50">now you don't</text>
    </g>
    </g></g>
</svg>

＆＃13;

＆＃13;

＆＃13;

您可以使用g：first-child或g：first-of-type来获取<g>元素的第一个（文本）子元素。