如何添加多个样式表选择器?

Posted

技术标签:

【中文标题】如何添加多个样式表选择器?【英文标题】:How do I add multiple stylesheet selectors? 【发布时间】:2019-06-26 23:45:45 【问题描述】:

我正在向应用程序“Nuke”添加一个按钮。我添加了一个 QToolButton,现在我想给它设置样式。我删除了边框,现在我想添加一个:悬停。 我似乎只能设置一个样式表。鉴于我只能使用一个样式表,我将如何添加第二个选择器?

这将覆盖最上面的:

snapshotToolButton.setStyleSheet("#SnapShotButton border : none;")
snapshotToolButton.setStyleSheet("#SnapShotButton:hover background-color : yellow;")

这是我的代码:

snapshotToolButton = QtWidgets.QToolButton()
snapshotToolButton.setObjectName("SnapShotButton")
snapshotToolButton.setStyleSheet("#SnapShotButton border : none;")

snapshotToolButton.setBaseSize(12,12)
snapshotToolButton.setIcon(QtWidgets.QIcon("C:/Users/nfran/.nuke/icons/cameraIcon.png"))
snapshotToolButton.setToolTip("Take Snapshot")
c.parentWidget().layout().insertWidget(0,snapshotToolButton)

【问题讨论】:

【参考方案1】:

“setStyleSheet”方法是设置样式表,而不是添加一个新的,所以你一直覆盖你已经设置的那个。

要指定多种样式,请尝试以下操作:

snapshotToolButton.setStyleSheet("#SnapShotButton border: none; #SnapShotButton:hover  background-color: pink; ")

【讨论】:

啊……我的测试非常接近。我有那个,但把它放在不同的线上。谢谢! 呵呵。不用担心,很高兴我帮助您解决了您的问题:)

以上是关于如何添加多个样式表选择器?的主要内容,如果未能解决你的问题,请参考以下文章

如何在全局样式表中设置角度4组件选择器的样式?

如何使用多个选择器重用相同的样式规则

详解CSS样式选择器都有哪些?

如何使用伪类选择器

如何使用伪类选择器

CSS学习简介