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

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

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

.rotate{

-fx-rotate:90;

}

注意，這里用來(lái)旋轉(zhuǎn)節(jié)點(diǎn)的屬性被稱為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;

}