Soldato
Ahoy!
Basically I have to style a third party control and I've come unstuck. I have the following html:
<li class="rmItem rmFirst">
<a class="rmLink rmDisable">
<span class="rmText"></span>
</a>
</li>
Now the rmDisable is optional - it's only there when the control is disabled. The background for the whole item (li) is green. When it's disabled I want it to be grey...
At the moment the css is just:
.rmItem { background-color: green; }
But then I want something like
.rmItem [where child is a.rmDisable] { background-color: grey !important; }
I tried '.rmItem a.rmDisable' but it applies the styling to the inner item, so has the wrong affect on the styling (the inner box is smaller than the outer, so I could see grey and green).
Any help will be much appreciated.
Basically I have to style a third party control and I've come unstuck. I have the following html:
<li class="rmItem rmFirst">
<a class="rmLink rmDisable">
<span class="rmText"></span>
</a>
</li>
Now the rmDisable is optional - it's only there when the control is disabled. The background for the whole item (li) is green. When it's disabled I want it to be grey...
At the moment the css is just:
.rmItem { background-color: green; }
But then I want something like
.rmItem [where child is a.rmDisable] { background-color: grey !important; }
I tried '.rmItem a.rmDisable' but it applies the styling to the inner item, so has the wrong affect on the styling (the inner box is smaller than the outer, so I could see grey and green).
Any help will be much appreciated.
Last edited: