提问者:小点点

取消设置另一个样式表的像素字体大小


我创建了一个主题的 WordPress 子主题,该主题在正文标签中设置字体大小,如下所示

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

这更像是一个CSS问题,但对于那些不太熟悉WordPress的人来说:我不能更改父主题中的样式,因为这是不好的做法,并且会被任何更新覆盖。所以必须接受他们在那里设置的内容,并用我自己的样式表覆盖它。

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

我可以在子主题中执行哪些操作来取消设置?我宁愿这样设置:

body {
    font-size: 0.625em
}

然后使用REM设置每个元素的实际大小。但是,EM值似乎并没有覆盖父主题中设置的PX值。

有没有办法“取消”父母的硬编码字体大小?


共2个答案

匿名用户

要取消设置字体大小规则,可以使用:

font-size: initial;

匿名用户

这可能是一个优先问题。

可能的解决方案

子主题style.css的加载速度可能比父主题style.cs更快/更早。

将子样式表放在父样式表之后,这样您就可以使用相同的css选择器来覆盖父样式表,而无需使用!重要。

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

font-size: 0.625em !important

而不是添加!重要的是,您还可以更改函数中的一些设置。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' );?>