Question

I have one element which is styled by two css documents:

1.

ul[editable="yes"] li {
  background:black;
}

2.

#menu li {
  background:white;
}

As you might have guessed the element I am styling is an LI which is located in the #menu element.

How can i make the “ul[editable=”yes”] li” be dominant over “#menu li”?

Thanks in advance 🙂

Answer 1

I am presuming that #menu wont be the id of ul to whose li child you are trying to target in first case. (Because IDs are unique and if you are giving same ID to different ul, you are doing it wrong).

The solution would be

#menu ul[editable="yes"] li {
  background:black;
}