14.2  創(chuàng)建獨立樣式類

再次打開default.css文件，向其中添加一個樣式類，該樣式類可應(yīng)用于任何節(jié)點，而與節(jié)點類型無關(guān)。也就是說，之前創(chuàng)建的一個樣式只能應(yīng)用于所有的標簽節(jié)點，而現(xiàn)在創(chuàng)建的樣式可以應(yīng)用于所需的任何節(jié)點。

現(xiàn)在創(chuàng)建一個可將節(jié)點旋轉(zhuǎn)90度的類。向default.css文件中添加這個類：

.rotate{

-fx-rotate:90;

}

注意，這里用來旋轉(zhuǎn)節(jié)點的屬性被稱為rotate屬性。因此，樣式表把它聲明為-fx-rotate。完整的default.css文件如下：

/*

Document   : default

Created on : Jul 31, 2010, 11:35:22 AM

Author     : JFDiMarzio

Description:

Purpose of the stylesheet follows.

*/

/*

TODO customize this sample style

Syntax recommendation http://www.w3.org/TR/REC-CSS2/

*/

root{

display:block;

}

.label{

-fx-text-fill: red;

-fx-font: bold 14pt "Courier";

}

.rotate{

-fx-rotate:90;

}