Confused about how style sheet inheritance works

[define-qt]

Scenario: I have a QMdiSubWindow with some minor padding and border styling applied to all widgets within it. I want to exempt a QWebView and it's child QWebPages from this styling.

I can't apply style sheets directly to the QWebPages; I have applied them to the QWebView but strangely the pages still inherit styles from the sub-window instead.

Applied to QMdiSubWindow:

QWidget { padding: 1; border: 0; }

How should I change this, or what should I apply to QWebView to solve the problem? I'm not a CSS expert so admittedly this might be something basic I'm overlooking.

[SGaist]

Hi,

Be more precise with your style sheet. Yours basically say that all QWidgets should have the properties you set there.

[define-qt]

@SGaist Except that is, effectively, what I want. Sure, I can be more granular when it comes to the stylesheet that is applied to QMdiSubWindow, but that won't work for many cases.

Let's say I have this applied to QMdiSubWindow:

QLineEdit { border: 0; }

Then I have a QWebPage with a text entry form. For some reason, that text entry form appears with no border, even when I apply this to its parent QWebView:

QLineEdit { border: 5; }

So granularity is of course a good suggestion but it doesn't really solve my problem.

[define-qt]

I resolved the immediate issue, by going more granular in the subwindow style sheet, figuring out and listing the widget classes I wanted to target without hitting every single QWidget. QWebView currently doesn't have any styling at all.

Ultimately, I still don't understand how QWebView is applying its style sheets. If I tested something out like QLineEdit { border: 200; }, the form field would appear with its normal border. If I did * { border: 200; }, it would have no border.

[KillerSmath]

@define-qt
You can be more specific using the name of object as identifier in style sheet sintaxe

QLineEdit#ObjectName { border:0; }