目次と箇条書きのデザインを変えると両方に反映されてしまいます。

Question

ワードプレスで
目次と箇条書きのCSSが

.entry-content ul,ol｛　　｝

なので同じデザインになってしまいます。

箇条書きはそのままのデザインで
目次だけ反映させないコードを教えてください。

よろしくお願いいたします。

Answer 1

目次は何で表示させていますか。
テーマの独自機能の目次ですか。それともプラグインを使ってますか。

過去の質問を見るとテーマはCocoonを使っているようですが、テーマの機能で表示させているなら、目次の親要素のclass属性は toc になっているので、目次だけに適用したい場合は、下記のようにすればいいでしょう。

.toc ul, .toc ol {

}

テーマがCocoon以外、あるいはプラグインで目次を表示させているなら、ブラウザの検証ツールで親要素のclassかidを探して、それを ul, ol の前につければいいでしょう。

Comments

[cote33]

回答いただき、ありがとうございます。
.toc ul, .toc ol {
border : none ;
}
枠を目次だけ消したかったのでCSSに追加したら出来ました。

[cote33]

Chromeの検証ツールとIEの要素の検査が同じだと思っていましたが違うのですね。
私はいつもIEを開いてるので要素の検査で調べてしまっていました。
お勉強になります。ありがとうございました。