我想給這個圖表中的每個x軸和y軸標簽著色:

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

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

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

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

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

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

[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個子(3)選擇器，所有軸文本被選中。