Overwrite !important value by another !moreimportant value possible?

[pstein]

Assume I load a web page (from a web server where I have no access) and inspect CSS script files.

Some of the CSS rules contain values declared as "!important".

I want to overwrite a few of these values (after web page loading by my own user.js script) by other, customized values.

Since my values should have priority I am search for a way to declare them "!moreimportant".

How can I achieve this?

Peter

Edited October 7, 2020 by pstein

[dsonesuk]

Refer to parent id class element, it depends.

Original:

.mydiv {

color: lime !important;

}

Override examples:

body div.mydiv {

color: red !important;

}

#parentdiv div.mydiv {

color: yellow !important;

}

.parentdiv div.mydiv {

color: purple !important;

}