Global and local PyQt5 style sheet - pyqt

Question

Global sheet:
QPushButton {
border-radius: 20px;
font: 57 18pt "Ubuntu Medium";
color: rgb(255, 255, 255);
background-color: rgb(255, 0, 0);
}
QPushButton:hover {
background-color: rgb(166, 0, 0);
}
QPushButton:pressed {
background-color: rgb(9, 153, 131);
}
pushButton_4 {
background-color: rgb(85, 170, 0);
}
Local sheet:
background-color: rgb(0, 229, 115);
I want to create buttons with different colors in the same window, but with the same: hover effect. But when I change the color in the local css table, the global window table for this button is canceled and vice versa.

Answer 1

Generic stylesheets are normally fine for simple cases, but whenever parent/propagation comes into play, they should be avoided in favor of explicit selectors.
In your case, the issue is that using the generic stylesheet, it overrides any other previously set property, as that syntax takes precedence (read more on conflict resolution).
Using the class selector won't be enough, though, as it will completely override any other properties in similar fashion, so the solution is to specify the opposite of what you want to use (:hover) by negating it:
QPushButton:!hover {
background-color: rgb(0, 229, 115);
}
Note that the following also works, but it's usually better to use selectors in any case (mostly to keep good practice and consistence, so that you don't risk facing unexpected results when trying to do this on a parent widget):
:!hover {
background-color: rgb(0, 229, 115);
}