CODEWITHSUNDEEP
jquery-selectors
Rao
Rao

Reputation: 11

JQuery ul li children

How can I get only "Content II" gets red color not it's children?

css

.selected { color:red; }

html

<ul>
  <li id="item-i">Content I</li>
  <li id="item-ii">Content II
    <ul>
      <li id="item-a">A</li>
      <li id="item-b">B</li>
        <ul>
          <li id="item-1">1</li>         
        </ul>
      </li>
      <li id="item-c">C</li>
    </ul>
  </li>  
</ul>

What is wrong here.

$('#item-ii').addClass('selected');

$('#item-ii').children().removeClass('selected');

I want only "Content II" gets red color not it's children.

Upvotes: 1

Views: 876

Answers (1)

jon_darkstar
jon_darkstar

Reputation: 16768

I think it's inheriting by default. Set another color explictly.

http://dorward.me.uk/www/css/inheritance/

Upvotes: 2

Related Questions