14.2  创建独立样式类

再次打开default.css文件，向其中添加一个样式类，该样式类可应用于任何节点，而与节点类型无关。也就是说，之前创建的一个样式只能应用于所有的标签节点，而现在创建的样式可以应用于所需的任何节点。

现在创建一个可将节点旋转90度的类。向default.css文件中添加这个类：

.rotate{

-fx-rotate:90;

}

注意，这里用来旋转节点的属性被称为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;

}