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】