html id选择器不起作用,javaFX css id选择器,类选择器不起作用

编辑(2016年9月5日)：

检查我写的答案..

Part 1

我将这个css用于应用程序的所有TabPanes：

.tab-pane .tab-header-area .tab-header-background {

-fx-opacity: 0.0;

}

.tab-pane{

-fx-tab-min-width:90.0px;

}

.tab-pane .tab{

-fx-background-color: orange;

-fx-background-radius:0.0 20.0 0.0 20.0;

-fx-focus-color: transparent;

-fx-faint-focus-color: transparent;

}

.tab-pane .tab:selected{

.....

}

.tab .tab-label {

.....

}

.tab:selected .tab-label {

....

}

Part 2)

但我有一个带有id =“SpecialTabPane”的TabPane,我希望它用不同的css值进行成本化,所以：

#SpecialTabPane.tab{

-fx-background-color:cyan;

-fx-background-radius:20 20 0 0;

-fx-padding:3em 0em 3em 0em;

-fx-cursor:hand;

}

#SpecialTabPane.tab:selected{

-fx-background-color:magenta;

}

The Problem

第2部分css更改了所有TabPane.为什么会发生这种情况？它必须只选择tabPane,其id =“SpecialTabPane”和class selector =“.tab”…我正在使用Java 1.8_91

编辑：

我找到了与css有关的答案以及孩子们如何从父母那里继承.