Jafa FX CSS Дубликаты

Question

Я новичок в JavaFX и CSS Styling и был сразу после некоторого уточнения оптимального способа сделать следующее.

По существу, у меня есть две кнопки, которые я применил Hover and Focus, поэтому цвет границы изменяется как на мыши, так и на фокусе (вкладка Key Board). В настоящее время у меня есть следующие:

.normalbutton:hover { 

    -fx-font-size: 11pt; 
    -fx-font-family: "Verdana"; 
    -fx-font-weight : Normal; 

    -fx-background-color : #545454; 

    -fx-border-color: #FFFFFF ; 
    -fx-border-radius: 3,3,3,3; 
    -fx-border-width: 1px ; 

} 

.normalbutton:focused { 

    -fx-font-size: 11pt; 
    -fx-font-family: "Verdana"; 
    -fx-font-weight : Normal; 

    -fx-background-color : #545454; 

    -fx-border-color: #FFFFFF ; 
    -fx-border-radius: 3,3,3,3; 
    -fx-border-width: 1px ; 

} 

Он отлично работает, но я бледный интересно, есть ли способ объединить как целенаправленный и зависать, поскольку они обладают теми же свойствами.

Answer 1

Несколько селекторов могут быть разделены , в CSS. Если один из них соответствует, применяется стиль. В вашем примере это будет выглядеть следующим образом:

.normalbutton:hover, 
.normalbutton:focused { 

    -fx-font-size: 11pt; 
    -fx-font-family: "Verdana"; 
    -fx-font-weight : Normal; 

    -fx-background-color : #545454; 

    -fx-border-color: #FFFFFF ; 
    -fx-border-radius: 3,3,3,3; 
    -fx-border-width: 1px ; 

} 

https://www.w3.org/TR/CSS21/selector.html#grouping