Qt GUI 样式表（Style Sheet）使用注意事项

1. 对同一控件，在不同位置定义不同的样式表，最终会显示控件本身设置的样式。即样式定义的级联性。

样式定义的级联性顺序为：控件自己的样式 -> 父控件的样式 -> 父窗口的样式 -> qApp的样式

举例说明，以按钮closeButton为例

它所在的父窗口针对这个按钮定义了下面的样式表：红色，字体倾斜，9号，"Times New Roman"

#closeButton
{
	color: rgb(255, 0, 0);
	font: italic 9pt "Times New Roman";
}

closeButton控件本身也定义了样式表：白色，字体加粗，12号，"Century Gothic"

font: 75 12pt "Century Gothic";
color: rgb(255, 255, 255);

最后实际使用的是控件本身的样式表 - 白色，字体加粗，12号，"Century Gothic"，如下图

2. 每个样式法则由“属性： 值”构成；若一个属性有多个值时，多个值用空格隔开

QPushButton{
	font: 75 12pt "微软雅黑";
}

3. CSS中选择器的冒号后不能有空格

例如QPushButton:!hover中冒号后不能有空格……

【说明】！是取反的意思

QPushButton:!hover{
	background-color: rgb(255, 170, 255);
	border: none;
	border-radius: 5px;
	color: rgb(255, 255, 255);
	font: 75 12pt "微软雅黑";
}

4. 选择器可以组合使用，用逗号隔开

例如这里面的选择器“QPushButton, QCheckBox, QLineEdit”

QPushButton, QCheckBox, QLineEdit{
	background-color: rgb(255, 255, 255);
	color: rgb(255, 255, 255);
}

5. 样式表的明确性【TODO】