Is it possible to set the background color of all Composite and its subclasses consistently via CSS?

Asked Apr 13 '23 at 16:16

Active Apr 14 '23 at 12:33

Viewed 43 times

The controls are structured as follows :

Shell [class=Foo]
 - Composite
   - Button
   - Label
   - Combo
   - Composite
     - Section
   - Canvas

The way I can think of is

.Foo Composite,
.Foo Combo,
.Foo Section,
.Foo Canvas {
    background-color: #FF0000;
}

However, the exact type of Composite subclass may be unknown (But it must be under this shell), is it possible to have a uniform background colour for all Composite and its subclasses by using code like the following :

.Foo Composite {
    background-color: #FF0000;
}

Or other CSS code .

edited Apr 14 '23 at 12:33

asked Apr 13 '23 at 16:16

Bourbon_7

1

I would suggest using the CSS Classes rather than element selectors. – greg-449 Apr 13 '23 at 16:23
Why don't you apply only the background color to the `.Foo` element and avoid background on childs? – Toni Michel Caubet Apr 13 '23 at 16:40
@greg-449 Do you mean to set a uniform CSS Class (e.g. `Bar`) for the `Composite` or `its subclasses` under the `shell`, and then use `.Bar { background-color: #FF0000; }` ? – Bourbon_7 Apr 14 '23 at 12:35
@ToniMichelCaubet It's a good idea, I'll try it. – Bourbon_7 Apr 14 '23 at 12:41

Is it possible to set the background color of all Composite and its subclasses consistently via CSS?

0 Answers0