JQuery ul li children

Question

Как я могу получить только "Содержимое II" получает красный цвет, а не дети?

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>

Что здесь не так.

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

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

Я хочу, чтобы только "Содержимое II" получало красный цвет, а не дети.

Answer 1

Я думаю, что это наследование по умолчанию. Установите другой цвет явно.

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