Исключить определенный элемент из правила css

Question

Первый пост, бит n00b ...

Работает на сайте WordPress для клиента. Следующий фрагмент CSS используется для стилизации всех гиперссылок в разделе post_content страницы синего цвета (# 2a5db0).

section.post_content a { 
    color: #2a5db0; 
} 

a:hover { 
    color: #2a5db0; 
    text-decoration: underline; 
} 

Однако кнопки на сайте, также оформлены в темно-синий цвет, что делает любую кнопку гиперссылка почти нечитаемыми.

По сути, я хочу исключить любые гиперссылки, заключенные в пределах <button> тегов из приведенного выше правила. Какую часть CSS можно написать, чтобы убедиться, что текст гиперссылки на кнопках отображается белым цветом (#fff), но все другие гиперссылки в разделе post_content оформлены в стиле # 2a5db0 в соответствии с приведенным выше правилом?

Спасибо!

Answer 1

Хотя медленно, это должно работать:

section.post_content *:not(button) > a { 
    color: #2a5db0; 
} 

Но ваш последний абзац, кажется, предполагает, что вы хотите:

section.post_content a { 
    color: #2a5db0; 
} 
section.post_content button > a { 
    color: white; 
} 

Answer 2

Вы можете нацелить гиперссылка внутри кнопки тега так:

Это будет нацелено на ссылки внутри тега кнопки:

section.post_content button > a { 
    color: #fff; 
} 

Или

Это будет предназначаться цвет текста кнопки:

section.post_content button { 
    color: #fff; 
}