JavaFX 2 классы с другим именем имеют одинаковый код css

Question

Возможно, это дубликат с вопросом this, но он не работает. существуют

Два класса, которые проходят HBox и имеют один TextField element.I добавили в каждой из которой StyleClass так:

//for one class 
getStyleClass().add("search-box"); 

//for the other class 
getStyleClass().add("libraries-search-box"); 

Так я о необходимости модифицировать их внешний вид в TextField с приведенный выше код css:

.search-box .text-field { 
    -fx-background-color: white;  
    -fx-background-insets:3.0; 
    -fx-background-radius: 5.0; 
    ..... 
} 

.libraries-search-box .text-field { 
    -fx-background-color: white;  
    -fx-background-insets:3.0; 
    -fx-background-radius: 5.0; 
    .... 
} 

Я хочу, чтобы заменить код дубликата и я попробовать:

.search-box , .libraries-search-box .text-field { 
    -fx-background-color: white; 
    -fx-background-insets:3.0; 
    -fx-background-radius: 5.0; 
    ...// 
} 

, но он работает только для «.libraries-search-box» .Как я получаю получить его работу для обоих?

Answer 1

Вы должны указать .text-field к обоим .search-box и .text-field, в следующем:

.search-box .text-field, .libraries-search-box .text-field { 
    -fx-background-color: white; 
    -fx-background-insets:3.0; 
    -fx-background-radius: 5.0; 
    ...// 
} 

Действительно .search-box , .libraries-search-box .text-field рассматривается как .search-box или .libraries-search-box .text-field не как .search-box .text-field или .libraries-search-box .text-field, как вы ожидаете.

Answer 2

Правильный формат:

.search-box .text-field, .libraries-search-box .text-field { 
    -fx-background-color: white; 
    -fx-background-insets:3.0; 
    -fx-background-radius: 5.0; 
    ...// 
} 

В вашем примере вы определяете CSS атрибуты для .search-box и селекторов класса .libraries-search-box .text-field.