QT样式表中的后代选择器和子元素选择器的区别

         在 PySide（或 PyQt）的样式表中，后代选择器和子元素选择器用于指定样式规则应用于哪些元素，但它们在选择元素时的范围有所不同。​
后代选择器
        格式
        后代选择器：选择器 1 选择器 2 { 属性: 值; }
        后代选择器会选择选择器 1 内部的所有选择器 2 元素，无论它们的层级如何。换句话说，它会选择选择器 1 的所有后代中匹配选择器 2 的元素。这些后代可以是直接的子元素，也可以是更深层次的嵌套元素。
例如，如果我们有以下样式规则：

QWidget QPushButton { color: red; }

        这意味着，任何在 QWidget（或其子类）内部的 QPushButton，无论它嵌套有多深，其文本颜色都会设置为红色。

子元素选择器：
        格式
        选择器 1 > 选择器 2 { 属性: 值; }
        子元素选择器只会选择选择器 1 的直接子元素中匹配选择器 2 的元素。它不会选择更深层次的嵌套元素。
例如，如果我们有以下样式规则：

QWidget > QPushButton { color: blue; }

        这意味着，只有直接作为 QWidget（或其子类）子元素的 QPushButton 的文本颜色会被设置为蓝色。如果 QPushButton 是嵌套在另一个容器内部，而不是直接作为 QWidget 的子元素，那么这个规则就不会应用到它上面。

二者的区别：
使用上的区别
        范围不同：后代选择器选择的是所有后代元素，而子元素选择器仅选择直接的子元素。
        特异性：子元素选择器提供了一种更精确的方式来定位元素，特别是当你只想影响直接的子元素而不是所有后代元素时。
        性能考虑：在复杂的 UI 中，使用后代选择器可能会导致性能下降，因为它需要检查元素的所有后代。而子元素选择器通常更高效，因为它只需要检查直接的子元素。
总的来说，选择哪种选择器取决于你的具体需求。如果你需要广泛地应用样式到所有后代元素，就使用后代选择器。如果你只想精确地影响直接的子元素，就使用子元素选择器。

demo：

在Qt Designer中放置两个QWidget，两个QPushButton，其层次关系如下：

将最外层的 widget_1样式表设置为：

#widget_1 QPushButton{background-color: lightgreen;}

  由于使用了后代选择器，widget_1中所有的QPushButton全部都被改变了显示。

将最外层的 widget_1样式表设置为：

#widget_1>QPushButton{background-color: lightgreen;} 

由于使用了子元素选择器 ，只有直接隶属于widget_1的QPushButton被改变了显示。

再来一个混合应用：

将最外层的 widget_1样式表设置为：

#widget_1>QWidget QPushButton{background-color: lightgreen;}

这里，#widget_1>是子元素选择器，QWidget QPushButton是后代选择器。