CSS field : border-radius, nth-child() & background color problem

Community Usage questions
1

I wanted to set border-radius:10px; in the CSS file of a 4 values menu, just before

.item:nth-child(1) {
background: rgba(10,9,48,1);
font-size:130%;
}
.item:nth-child(2) {
background: rgba(20,19,58,11);
font-size:120%;
}
.item:nth-child(3) {
background: rgba(30,29,68,21);
font-size:110%;
}
.item:nth-child(4) {
background: rgba(40,39,78,31);
font-size:100%;
}

But so doing, the background color of nth-child(1) is set to transparent... just as the panel containing this menu.

How to avoid that ?

Thank you

2

Use the :host selector (CSS Tips - Open Stage Control)

3

Thank you :slight_smile: