Как настроить селектор только в том случае, если он НЕ является дочерним элементом определенного элемента (то есть, толь ⇐ CSS

[Anonymous]

Я не понимаю, почему следующий код ведет себя нежелательно:

Код: Выделить всё

    .toggle {
color: red;
}

:not(.list) .toggle {
font-weight:bold;
}

Код: Выделить всё

  
[url=#!]Toggle[/url]
[list]
[*][url=#!]Link 1[/url]
[*]

[url=#!]SubToggle[/url]

[url=#!]SubLink 1[/url]
[*]
[url=#!]SubLink 2[/url]

[*][url=#!]SubLink 3[/url]
[/list]


[*][url=#!]Link 3[/url]

Я думал, что использование :not() приведет к применению «жирного» только к основной ссылке «Toggle», но вместо этого он применяет «жирный» ко всем красным. Почему?

Обратите внимание, что этот код вложен в одни и те же имена классов. Я не хочу ориентироваться на определенные уровни с разными классами CSS, я хотел бы нацеливаться на элементы только с помощью селекторов-потомков и других операторов.

Здесь также присутствует jsFiddle, чтобы напрямую попробовать.>

Подробнее здесь: https://stackoverflow.com/questions/402 ... -so-only-i