如何在不使用 !important 的情况下强制应用 css？

Question

我的主题的默认字体不支持我的语言，因此我通过在 style.css

上添加它来替换为受支持的字体

@font-face {    font-family: 'LibreBaskerville';
    src: url('https://xn--qucu-hr5aza.cc/wp-content/themes/the-thinker-lite-child/font/LibreBaskervilleF-Regular.ttf');
    url('https://xn--qucu-hr5aza.cc/wp-content/themes/the-thinker-lite-child/font/LibreBaskervilleF-Regular.woff') format('woff'); 
}

但是，一个插件仍然使用默认字体：

I asked the authors 他们说除了使用

没有办法解决这个问题

* { font-family: "LibreBaskerville" !important;}

或者复制我的主题正在做什么来覆盖它：

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-family: "LibreBaskerville";}

我发现这两种解决方案都没有触及问题的根源。有更好的方法吗？

Here is the page for you to examine.

Answer 1

如果您想 select 手风琴中的所有内容，但又不想用 important 覆盖整个主题，您可以 select 或像这样

.wp-block-kadence-accordion * { font-family: "LibreBaskerville"; }

这不太可能改变类名，但也不是不可想象的`

如何在不使用 !important 的情况下强制应用 css？

How to force applying css without using `!important`?

css

wordpress

fonts

font-face