[SOLVED] Adding consecutive stylesheets to widget

holygirl

Hello all!

   I'm using a single stylesheet to apply styles to all my widgets. My qss code is,

@
QLabel#heading
{
font-size: 28px;
font-weight: bold;
font-family: "Arial Narrow";
}

QLabel#colorgreen
{
color: green;
}

QLabel#colorblack
{
color:black;
}
@

And in my source file, I want to call both 'heading' and 'colorgreen' or ' colorblack' depending on my color requirements. I have,

@
ui->channel_name->setObjectName("heading");
ui->channel_name->setStyleSheet("");
ui->channel_name->setObjectName("blackcolor");
ui->channel_name->setStyleSheet("");
@

However, only the color changes to black. The styles under 'heading' is not applied. Does anyone know why? Please help me out.
Thanks.

Fahmy

It is because your using 'id' in every CSS element. So you need all the properties to be declare under the id. Unless you using id and class together.

@QLabel #colorgreen
{
    font-size: 28px;
    font-weight: bold;
    font-family: "Arial Narrow"
    color: green;
}
 
QLabel #colorblack
{
    font-size: 28px;
    font-weight: bold;
    font-family: "Arial Narrow"
    color:black;
}@

holygirl

I don't want to club all the properties together. I will be using a different assortment of properties each time. Clubbing them together will result in heavy repetition of code. Is there any other way out?

Fahmy

Hmmm...I think in this case you should using CSS like this:

@QLabel {
font-size: 28px;
font-weight: bold;
font-family: "Arial Narrow"
}

#colorgreen
{
color: green;
}

#colorblack {
color:black;
}@

It is basically mean all QLabel will have all properties in QLabel {..} .

And when you set objectName either (#colorgreen or #colorblack) then it will change the color -- also combine with all QLabel's properties.

holygirl

Ah yes! Why didn't I think of this? Thank you so much for the solution Fahmy.