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

Question

我开发了一个 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