Selectively overriding CSS

Hi,

Just playing around with user.css (Opera's equivalent to userContent.css); is there any way to override rules to an element based on CSS rules, not attributes? That sounds very confusing, so here's an example of what DOES work:

In the page:

And in my user.css:

BUT unfortunately, for once it's a BAD thing that the page designers are adhering to standards:
In the page:

Is there a way to override this without reading the entire web in Lucida Console?

No, the overriding itself isn't the problem, Opera give user style sheets highest priority. It's specifying what needs to be overwritten. If the Terminal font was specified in the attribute, I could use *[face="terminal"] as a selector, but as it's specified in CSS, this doesn't work. Is there a way to achieve the same effect as if it's with an attribute?

Oh... No. If you wanted to go to the trouble, you might be able to write a JavaScript script to do it.

I suppose you could delete fonts you don't like from your computer and then Opera would pick a different font to display.

I'm intrigued by this idea, and I'll be honest, I don't have an answer.
I think one of the flaws with your example is the fact that most web designers don't use FONT tags anymore.

Would an Opera user.css file override something like:Just something more to consider. I don't know if deleting unwanted fonts is the best solution. I'm thinking of this more from an accessibility standpoint, it would be cool to have a user.css file that you can provide people, making it [1] modular and [2] undo-able.

Hmm... I wonder if separate CSS <style type="test/css"> rules count under the "style" attribute?

Time for some testing...

I never thought I'd be sad to see the <font> tag go...

Post-testing:

No, in Opera at least the style="" attribute is totally ignored for attribute selecting. Damn.

I'm glad to see the font tag go! It only makes sense... keep presentation teir out of the data. HTML is like plain old data, and it's CSS that makes it pretty. I'm glad the <B>, <U>, <I> tags are on their way out too... =)
But that's a rant deserving of it's own thread.

I think this syntax is supported in CSS3. I may be wrong though. If so, Opera hasn't implemented it (neither have any other mainstream browsers that I know of).

Perhaps the user.css isn't the greatest solution for you. What is it you're ultimately trying to achieve?