[!tips] 提示
QSS 称为 Qt Style Sheets (Qt 样式表) = CSS

一 添加样式表

需要添加到资源文件 *.qrc 中才能使用

1. 添加资源文件 项目 -> 添加已有文件 -> global.qss 文件
2. res. Qrc 文件中添加 QSS 资源

<RCC>
    <qresource logo="/">
        <file>../images/logo.ico</file>
        <file>../themes/global.qss</file>
    </qresource>
</RCC>

二 加载样式表

/// 初始化样式表
QFile file(":/themes/default.qss");
file.open(QFile::ReadOnly | QFile::Text);
QTextStream textStream(&file);
QString qss = textStream.readAll();
app.setStyleSheet(qss);
file.close();

三 基本语法

选择器 {
    属性: 值
}

3.1 选择器

/* 多选择器 */
QCheckBox, QComboBox, QSpinBox {
    color: rgb(155,155,155);
    background-color: white;
    font: bold;
}

 | 通用选择器  | `*`                         | 所有 Qt 的 `widget`，即不声明选择器时，属性作用于所有组件            |

| 类型选择器 | QPushButton | 作用于 QPushButton 及其子类的实例 |
| 属性选择器 | QPushButton[flat=“false”] | 作用于非平面（flat=“false”）的 QPushButton 实例 |
| 类选择器 | .QPushButton | 作用于 QPushButton 的实例，但不匹配其子类的实例。（前面加了个’.’) |
| ID 选择器 | QPushButton #okButton | 作用于对象名称为 okButton 的所有 QPushButton 实例 |
| 后代选择器 | QDialog QPushButton | 匹配作为 QDialog 的子体（子级、孙级等）的所有 QPushButton 实例 |
| 子选择器 | QDialog > QPushButton | 匹配作为 QDialog 的直接子级的所有 QPushButton 实例 |
| 子控制 | QComboBox:: drop-down | 作用于 QComboBox 的子控件 drop-down 下拉箭头 |

3.2 属性: 伪状态（PSEUDO-STATES）

用户在操作时，可以根据不同的交互状态展示不同的用户样式，界面能够识别用户操作，不需要代码控制即可响应不同状态下的样式；

• 示例程序为一个按钮在默认、悬浮、按下和禁用时的样式：

  /* 默认 */
  QPushButton {
    border: 1px solid #555;
    padding: 4px;
    min-width: 65px;
    min-height: 12px;
  }
  
  /* 悬浮 */
  QPushButton:hover {
    background-color: #999;
  }
  
  /* 按下 */
  QPushButton:pressed {
    background-color: #333;
    border-color: #555;
    color: #AAA;
  }
  
  /* 禁用 */
  QPushButton:disabled {
    color: #333333;
  }
  

3.3 子控件

要设置复杂的 widget 样式，需要访问 widget 的子控件，如 QComboBox 的下拉按钮或 QSpinBox 的上下箭头。选择器可以包含子控件，从而可以将规则的应用限制到特定的 widget 子控件；