如何为特定控件编写CSS代码

我开发了一个JavaFx独立应用程序，它具有以下控件

两套 – 按钮btn1，btn2; 两套 – LineChart lc1，lc2;

在.css文件中我写了以下代码：

#btn1{ -fx-background-color:red; } #btn2{ -fx-background-color:green; } #lc1.default-color0.chart-series-line { -fx-stroke: green; } #lc1.default-color0.chart-line-symbol { -fx-background-color: #e9967a, red; -fx-background-radius:0; -fx-padding: 1px; } #lc2.default-color0.chart-series-line { -fx-stroke: transparent; } #lc2.default-color0.chart-line-symbol { -fx-background-color: #e9967a, red; -fx-background-radius:0; -fx-padding: 1px; } 

对于btn1和btn2，从.css文件中获取的背景颜色正在应用。

但对于线图，即lc1，lc2，css代码不起作用。

请帮我展示线图的样本.css

Answer 1

您可能需要在图表的ID和图表行类之间留出额外的空格：

 #lc1 .default-color0.chart-series-line { -fx-stroke: green; } ^-- here