Question

我创建了一个主题为WordPress的子主题，该主题可以像这样在body标签中设置字体大小

body {
    font-size: 16px;
    font-size: 1rem;
}

这更多是一个CSS问题，但对于那些对WordPress不太熟悉的人来说：我无法更改父主题的样式，因为这是一种不好的做法，并且会被任何更新覆盖。因此，必须使用他们在那里设置的内容，并用我自己的样式表覆盖它。

但是，众所周知，上述做法是错误的做法，因为它不允许用户更改浏览器中的字体大小，并且也没有考虑到并非所有浏览器都有其基本字体，大小设置为16像素。

我可以在子主题中做什么来取消此设置？我宁愿这样设置：

body {
    font-size: 0.625em
}

然后使用REM为每个元素设置实际大小。但是，EM值似乎不会覆盖父主题中设置的PX值。

有没有一种方法可以“重置”父母的硬编码字体大小？

Answer 1

要取消设置font-size规则，您可以使用：

font-size: initial;

Answer 2

这可能是一个优先问题。

可能的解决方案

您的孩子主题style.css可能比您的父母style.css加载更快/更早。

将子级加入父级样式表之后，因此您可以使用相同的CSS选择器覆盖父级，而无需使用！important。

一种解决方法是使用关键字：

font-size: 0.625em !important

除了添加！important之外，您还可以在functions.php中更改某些设置

尝试将您的孩子主题的css列为：

function child_theme_styles() {
   wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
   wp_enqueue_style( 'child-theme-css', get_stylesheet_directory_uri() .'/style.css' , array('parent-style'));

}
add_action( 'wp_enqueue_scripts', 'child_theme_styles' );?>

未设置其他样式表的像素字体大小

2 个答案: