如何为特定控件编写 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