CSSで特定クラスを除外する方法

Question

#やりたいこと

ul, ol{
  background: #fffcf4;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 0.5em 0.5em 0.5em 2em;
}
ul li, ol li{
  line-height: 1.5;
  padding: 0.5em 0;
}

このコードを、

クラス　entry-content内かつ
クラス table-of-contents外に適用したいです。

はてなブログのCSSに適用したいです。

問題

table-of-contentsにも適用されてしまい、目次が見づらくなる。

試したこと

.entry-content ul:not(table-of-contents),.entry-content ol:not(table-of-contents){
  background: #fffcf4;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 0.5em 0.5em 0.5em 2em;
}
.entry-content ul li:not(table-of-contents),.entry-content ol li:not(table-of-contents){
  line-height: 1.5;
  padding: 0.5em 0;
}

上記コードを入力したが結果は変わりませんでした。

HTML部分

    <div class="entry-content">
  
<p> </p>
<p>こんにちは！</p>
<p> </p>
<p>つい先日アドセンスに合格しました。</p>

<ul class="table-of-contents">
    <li><a href="#初めての申し込みからアドセンス合格するまで">初めての申し込みからアドセンス合格するまで</a><ul>
            <li><a href="#最初の申し込みとブログの状態不合格理由9月23日24日">最初の申し込みとブログの状態、不合格理由(9月23日~24日)</a></li>
            <li><a href="#2回目の申し込みと不合格9月24日26日">2回目の申し込みと不合格(9月24日~26日)</a></li>
            <li><a href="#3回目の申し込みと不合格9月2627日">3回目の申し込みと不合格(9月26~27日)</a></li>
            <li><a href="#4回目の申し込みと不合格9月27日10月1日">4回目の申し込みと不合格(9月27日~10月1日)</a></li>
            <li><a href="#5回目の申し込みとようやくの合格10月1日10月5日">5回目の申し込みと、ようやくの合格(10月1日~10月5日)</a></li>
        </ul>
    </li>
    <li><a href="#はてなブログでのアドセンス合格に必要なこと">はてなブログでのアドセンス合格に必要なこと</a></li>
    <li><a href="#まとめ">まとめ</a></li>
</ul>

Comments

[kei344]

HTMLも質問本文に追記してください。

[howareyou1245]

このような形で大丈夫ですか？

Answer 1

.entry-content > ul,.entry-content > ol{
  background: #fffcf4;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 0.5em 0.5em 0.5em 2em;
}
.entry-content > ul li,.entry-content > ol li{
  line-height: 1.5;
  padding: 0.5em 0;
}

で解決しました。