css - Qt 一个元素的多种类型的样式(QLabel、QPushbutton，...)

Question

• 我正在使用 Qt Creator 3.6.1 设计用户界面
• 我正在使用 Qt 设计器表单。
• 我有一个包含 20 个 QLabel 的 QWidget。
• 我希望这些 QLabel 中的 10 个具有红色背景色
  其他 10 个具有蓝色背景色。
• 我想为此目的使用 css。

我发现您可以在父小部件 css 中设置所有 QLabel 的样式，这将设置所有标签的样式。

QLabel
{
    background-color: red
}

但是在我的例子中，我想要两类样式。有没有一种方法可以不单独设置其余 10 个蓝色标签的样式？

我知道我可以通过名称为元素设置样式，但这需要付出巨大的努力。

Answer 1

如果你想使用 CSS 类，你必须为你的 QLabels 设置一个类名:

QLabel* redLabel = new QLabel("red label");
QLabel* blueLabel = new QLabel("blue label");

redLabel->setProperty("class","my-1st-class");
blueLabel->setProperty("class","my-2nd-class");

然后在您的 CSS 文件中使用您的类名:

.my-1st-class{
     background-color: red;
}

.my-2nd-class{
     background-color: blue;
}