*(универсальный селектор) переопределяет более конкретные селекторы в CSS для JavaFX FXML. ⇐ CSS

[Anonymous]

Я создаю приложение-словарь с использованием JavaFx и Kotlin. Я не знаком с CSS и прошу прощения за неумелое описание.
Вот мой код:

Код: Выделить всё

Код: Выделить всё

* {
-fx-font-size: 13
}

.label {
-fx-font-size: 40;
}

Я узнал, что .class, #id переопределяют *, но * переопределяет .label:


Если я удалите * {..., затем .label {... работает хорошо (здесь я думаю, что * переопределяет .label):


Что я пробовал, но не помогло:

• Вместо этого используйте #id
• Использование !important

Добавление style="-fx-font-size: 40 !important;" напрямую в FXML получилось, но я хочу сделать это в CSS.
Спасибо за помощь.

Подробнее здесь: https://stackoverflow.com/questions/793 ... avafx-fxml