我创建了一个主题的 WordPress 子主题,该主题在正文标签中设置字体大小,如下所示
body {
font-size: 16px;
font-size: 1rem;
}
这更像是一个CSS问题,但对于那些不太熟悉WordPress的人来说:我不能更改父主题中的样式,因为这是不好的做法,并且会被任何更新覆盖。所以必须接受他们在那里设置的内容,并用我自己的样式表覆盖它。
然而,众所周知,上述做法是不好的,因为它不允许用户更改浏览器中的字体大小,也没有考虑到并非所有浏览器都将其基本字体大小设置为16像素。
我可以在子主题中执行哪些操作来取消设置?我宁愿这样设置:
body {
font-size: 0.625em
}
然后使用REM设置每个元素的实际大小。但是,EM值似乎并没有覆盖父主题中设置的PX值。
有没有办法“取消”父母的硬编码字体大小?
要取消设置字体大小
规则,可以使用:
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' );?>