Qt 样式表、选择器、盒子模型

1、两种样式表的写法
方式一（普通写法）：

    this->setStyleSheet("QPushButton""{""background:yellow;""font:bold 14px;""color: red;""}""QPushButton:hover""{""background-color:gray;""color:white;""}""QLabel""{""background-color:blue;""}");

方式二（使用R字符串优化）：

    this->setStyleSheet(R"(QPushButton{background:yellow;font:bold 14px;color: red;}QPushButton:hover{background-color:gray;color:white;}QLabel{background-color:blue;})");

值得注意的是setStyleSheet()该方法只能用于设置有父窗口的子窗口的样式，如果一个窗口没有父窗口，则使用setStyleSheet()不起作用。

2、常用的选择器类型

3、给不同的选择器指定相同的属性和值

QPushButton, QLineEdit, QComboBox { color: red }

4、子控件示例

QComboBox::drop-down { image: url(dropdown.png) }

5、伪状态示例

QPushButton:hover { color: white }
QRadioButton:!hover { color: red }/*使用感叹号表示否定，鼠标没有悬停到QRadioButton时才应用规则*/
QCheckBox:hover:checked { color: white }/*伪状态多个连用，达到逻辑与效果*/
QCheckBox:hover, QCheckBox:checked { color: white }/*这样写可以达到逻辑或效果*/
QComboBox::drop-down:hover { image: url(dropdown_bright.png) }/*伪状态和子控件联合使用*/

6、盒子模型
当使用样式表时，每一个部件都被看作拥有4个同心矩形的盒子模型，如下图所示：

边距（margin）、边框宽度（border）和填衬（padding）等属性的默认值是0，这样四个矩形恰好重合。