我想給這個(gè)圖表中的每個(gè)x軸和y軸標(biāo)簽著色:

我試圖使用chrome devtools找到CSS選擇器，但是一個(gè)文本元素(你在圖中看到的三個(gè)x軸標(biāo)簽之一)有以下CSS選擇器:

# fra PPE-chart-0 & gt；div & gtsvg & gtg & gtg . x . axis & gt；g:n-child(3)>文本

我的頁面有多個(gè)(三個(gè))frappe圖表，有任意數(shù)量的第n個(gè)子元素。所以，最理想的情況是，我想要一些像這樣的帶有通配符的CSS選擇器:

# f rappe-chart-* & gt；div & gtsvg & gtg & gtg.*。axis & gtg:n-child(*)& gt；文本

不幸的是，這是不可能的。還有別的辦法嗎？

通過使用下面的CSS選擇器，設(shè)法讓它工作:

[id*="frappe-chart-"] > div > svg > g > g.y.axis > g > text {
  fill: #FFFFFF;
}
[id*="frappe-chart-"] > div > svg > g > g.x.axis > g > text {
  fill: #FFFFFF;
}

通配符id選擇器選擇頁面上的所有frappe圖表。此外，通過移除第n個(gè)子(3)選擇器，所有軸文本被選中。