【Qt样式（qss）-5】qss混乱，错乱，不生效的一种原因

前言：

之前写过一些关于qss的文章：

【Qt样式（qss）-1】手册小结（附例：软件深色模式）_深蓝色主题qss表-CSDN博客

【Qt样式（qss）-2】使用小结（软件换肤，比如暗黑模式）_qt 黑色qss_大橘的博客-CSDN博客

【Qt样式（qss）-3】几套配色方案_qt界面配色_大橘的博客-CSDN博客

【Qt样式（qss）-4】应用到QMdiArea不生效的解决_qt样式不生效_大橘的博客-CSDN博客

主要是记录一下备忘。

问题：

最近遇到一个问题，简单如下图所示，画一个窗体，上面放QTabWidget，页面里面放若干QLabel，和QPushButton。然后统一在主窗体构造中设置qss。

代码：

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    this->setStyleSheet("* { background-color: red; }");
    this->setStyleSheet("");
    this->setStyleSheet("* { background-color: none; }");
//    this->setStyleSheet("* { background-color: 0; }");
//    this->setStyleSheet("* { background-color: transparent; }");

    ui->label->clear();
    ui->label->setPixmap(QPixmap("D:/_nx/_zonglin/ImgDisplay/_imgdisplay_images/_common/back.png"));
    ui->label->lower();
}

MainWindow::~MainWindow()
{
    delete ui;
}

按上面这样，按理说非常简单，不能有意外。先预测一下运行效果，理论上以下三句：

    this->setStyleSheet("* { background-color: red; }");
    this->setStyleSheet("");
    this->setStyleSheet("* { background-color: none; }");

应该相当于啥也没写，因为默认这些组件就是透明的。实际效果也确实如下：

首先是否有人质疑，为什么background-color的值不是写transparent？我试过，是这样的：

意外吧？这个我不想深究了。重要的是下面。

在设计器中，随便把某个子控件设置个qss，不管是代码还是设计器当中，一样的。比如这样：

我是在设计器中把最后那个QLabel更改了样式表，background-color: yellow;

按照构造顺序，理论上最后主窗体的三个setStyleSheet应该覆盖了这个yellow，不是层叠样式吗？运行一下是这样的：

这是覆盖哪去了？这个QTabWidget就像一个结界一样。首先，主窗体setupUi当中，分别调用了子控件的构造，也会加载qss，所以先显示为黄色。

主窗体中，第一次setStyleSheet，QTabWidget中的按钮都跟着成了红色，它生效了。

this->setStyleSheet("* { background-color: red; }");

第二次设置qss为空，是为了先清空一下以防异常。

this->setStyleSheet("");

第三次设置背景透明，按说应该一切恢复，但它成了结界？？

this->setStyleSheet("* { background-color: none; }");

然后为了解决就各种尝试，不行。几乎打破了我对qss的所有认知。

直到最后发现，去掉之前设置的yellow，一切正常了。

结论：

由于上述各种，我甚至怀疑是自己哪里做错了，还是理解错了？所以不想在qss上面耽误太多时间和精力了。目前为止，先简单做个小结：

qss最好统一在一个地方设置，可以设置多次，比如换肤。

qss不要发生嵌套。要控制样式，就从一个地方发号施令，不要多个地方一起写，虽然理论上我觉得能控制，但事实证明事与愿违。

如果想一探究竟，还得研究qt底层实现，反正目前为止，我更愿意相信：要么是我笨，要么qss有缺陷。