ワードプレス【CSS】:not()で一部を除外しテキストリンクすべてをボタンのリンクスタイルにしたい

Question

どうしてもうまく行かず困っています。
よろしくお願いいたします。
まず、ページ内すべてのテキストリンクをボタンスタイルにすることは下記で出来ました⇊

.entry-content a{
color: #0000ff;
text-decoration: underline;
display: inline-block;
background: #e6e6fa; /* 背景色 /
padding: 1px 1px; / 上下の余白、左右の余白 /
text-decoration: none; / デフォルトで入るリンクの下線を消す /
border-radius: 30px; / 角を丸くする */
}

○除外したい一部はリスト部分のリンクです。

本文

• <ul class="test" css">
• <li class="test2" 〜"></li>
• <li class="test3" 〜"></a></li>
• <li class="test4" 〜"></a></li>
• </ul>

本文

test2とtest3とtest4部分は、すでにCSSを適用してボタンにしており、ここを除外したいです。
いろんなサイトを参考CSSを試しましたが、上手くいきませんでした。
例
.entry-content a:not(.test):not(.test2) :not(.test3) :not(.test4) {

一行目の.entry-content a　に:not()を適用すると思うのですが
どうかよろしくお願いいたします。

Comments

[maisumakun]

> test2とtest3とtest4部分は、すでにCSSを適用してボタンにしており

そちらを実現しているコードもご提示ください。

Answer 1

.entry-content *:not(ul.test) a, .entry-content > a { でしょうか。
↑これだと ul.test の中にあっても他の先祖要素があるとマッチしてしまうので駄目でした。

特定の親を除外する必要があって、

.entry-content *:not(.test2):not(.test3):not(.test4) > a, .entry-content > a

かなと思います。

Comments

[kaden]

回答ありがとうございます！早速やってみましたが、同じでした。リストに適用しているCSSが原因でしょうか？

[int32_t]

あー、そうですね、これじゃ駄目ですね。
.entry-content *:not(.test2):not(.test3):not(.test4) > a, .entry-content > a
ですかねえ。

[kaden]

できました！！ありがとうございます！！

[hatena19]

.entry-content :not(.test > li) > a, .entry-content > a
とするとシンプルに記述できますね。