css3 - JavaFX and CSS Syntax -

i trying out javafx see how like, having lot of trouble css aspect of it. know css, can;t figure out how javafx uses it. example, if wanted style buttons on page, online resources .button{} .button{} , etc. can't consistent basic guide on how todo it. tried looking @ guide here

http://docs.oracle.com/cd/e17802_01/javafx/javafx/1.3/docs/api/javafx.scene/doc-files/cssref.html

the point being is, there no guide explains can find, help?

some online resources .button{} .button{}

css not case sensitive. don't think .button{} or .button{} should matter.

when write:

.button{ -fx-text-fill: rgb(49, 89, 23); -fx-border-color: rgb(49, 89, 23); -fx-border-radius: 5; -fx-padding: 3 6 6 6; } 

you're overriding style.

the code below custom style:

.custom-button { -fx-font: 16px "serif"; -fx-padding: 10; -fx-background-color: #ccff99; } 

this tutorial might helpful. they've created css, gives of metro app. suggest use theirs , make changes according use, instead of creating scratch.

here java 8 version of javafx css reference guide.