python - 如何在 PySide2 中正确使用 CSS

Question

我的代码成功显示“Hello World!”，但未应用 CSS 样式。我不知道如何正确地做到这一点。如果有人对此主题有一些好的解释，我们将不胜感激。

from PySide2.QtWidgets import QApplication, QLabel, QWidget

app = QApplication([])

window = QWidget()
window.setStyleSheet('''
    p {
        font-size: 100px;
    }
''')

label = QLabel('<p>Hello World!</p>', parent=window)

window.show()
app.exec_()

Answer 1

首先，有一个不同的Qt StyleSheet适用于所有的widgets和一些widgets支持的html。

Qt StyleSheets 是一种为 QWidgets 设置样式和一些属性的简单方法，它基于 CSS 2.1 但适用于 Qt。

相反，一些小部件支持像 html 这样的富文本，QLabel 就是这种情况，在这种情况下，样式必须内联

考虑到有几种解决方案:

from PySide2.QtWidgets import QApplication, QLabel, QWidget

app = QApplication([])

label = QLabel('<p style="font-size: 100px">Hello World!</p>', parent=window)

window.show()
app.exec_()

from PySide2.QtWidgets import QApplication, QLabel, QWidget

app = QApplication([])

window = QWidget()
window.setStyleSheet('''
    QLabel {
        font-size: 100px;
    }
''')

label = QLabel('<p>Hello World!</p>', parent=window)

window.show()
app.exec_()

from PySide2.QtWidgets import QApplication, QLabel, QWidget

app = QApplication([])

window = QWidget()

label = QLabel('<p style="font-size: 100px">Hello World!</p>', parent=window)
font = label.font()
font.setPointSize(100)
label.setFont(font)

window.show()
app.exec_()