html - 特定の親の子要素を選択

Question

body タグの各ページに異なるクラスがあり、body タグ内の #top div に css を使用しました

<body class="one">
<div id="top"></div>
</body>

#top{
  /*css code here*/
}

次のようなクラスの代わりに同じcssを使用したい.one：

#top:not(.one){
/*css code here*/
}

より明確に、#top のすべてのページに同じ css を適用したいが、body クラスが存在するページには適用したくない.one

score 0 · Accepted Answer

:not子ではなく、親でセレクターを使用します。

body:not(.one) #top {
    /*css code here*/
}

1 に答える 1