When block comments in JavaFX CSS are bordered by the slash character, they do not parse properly.
In this code, the class btnDefault does not load, but the classes following it do.
.charPaneSmallText
{
-fx-font-size: 24;
-fx-text-fill: rgb(0, 0, 0);
-fx-font-weight: bold;
}
/*//////////////////////////////////////////////////////////////////
// style classes for the +/- image buttons in the tree elements //
//////////////////////////////////////////////////////////////////*/
.btnDefault
{
-fx-background-color: transparent;
-fx-background-radius: 0 0 0 0;
-fx-border-width: 0;
-fx-border-color: transparent;
-fx-border-radius: 5 5 5 5;
}
In this code, all classes load properly.
.charPaneSmallText
{
-fx-font-size: 24;
-fx-text-fill: rgb(0, 0, 0);
-fx-font-weight: bold;
}
/* //////////////////////////////////////////////////////////////////
// style classes for the +/- image buttons in the tree elements //
////////////////////////////////////////////////////////////////// */
.btnDefault
{
-fx-background-color: transparent;
-fx-background-radius: 0 0 0 0;
-fx-border-width: 0;
-fx-border-color: transparent;
-fx-border-radius: 5 5 5 5;
}
Note in the second example, the block comments are not bordered directly by the slash character.
In this code, the class btnDefault does not load, but the classes following it do.
.charPaneSmallText
{
-fx-font-size: 24;
-fx-text-fill: rgb(0, 0, 0);
-fx-font-weight: bold;
}
/*//////////////////////////////////////////////////////////////////
// style classes for the +/- image buttons in the tree elements //
//////////////////////////////////////////////////////////////////*/
.btnDefault
{
-fx-background-color: transparent;
-fx-background-radius: 0 0 0 0;
-fx-border-width: 0;
-fx-border-color: transparent;
-fx-border-radius: 5 5 5 5;
}
In this code, all classes load properly.
.charPaneSmallText
{
-fx-font-size: 24;
-fx-text-fill: rgb(0, 0, 0);
-fx-font-weight: bold;
}
/* //////////////////////////////////////////////////////////////////
// style classes for the +/- image buttons in the tree elements //
////////////////////////////////////////////////////////////////// */
.btnDefault
{
-fx-background-color: transparent;
-fx-background-radius: 0 0 0 0;
-fx-border-width: 0;
-fx-border-color: transparent;
-fx-border-radius: 5 5 5 5;
}
Note in the second example, the block comments are not bordered directly by the slash character.