CSS3：not（）selector

Question

:not()を使用してdiv.note emを太字から除外するにはどうすればよいですか？

div#content em { 
    font-weight: bold; 
} 

/* I want to remove the following 
    in favor of the :not selector being applied to the above */ 
div#content div.note em { 
    font-weight: normal; 
} 

PS：これは削ぎ落とした例ですが、私は実際に私がdiv.note em以外のすべてに適用するdiv#content emでのスタイルの数を持っています。そのため、後で手動で上書きする必要はありません。

Answer 1

#contentと.noteの間の正確な階層がわかっている場合は、子セレクタを使用してネゴシエーションを機能させることができます。 .noteが#contentの子である場合は、使用：あなたはおそらく、あなたが持っているものを使用したほうが良いです

#content > div > div > :not(.note) em, #content > em {} 

：

#content > :not(.note) em, #content > em {} 

2つの<div> sが#contentと.noteの間である場合は、のような何かをしかし、注釈の子孫であるem要素を単にオーバーライドするだけです。