在我开始之前,如果我的英语很糟糕,我道歉,因为它不是我的主要语言。
我正在尝试为我正在开发的网站创建一个儿童主题。该网站使用Comicpress主题。我已经创建了这个孩子,它似乎工作正常。然而,我遇到了两个问题:
1)我岗位周围的灰色边界似乎不见了。我不知道为什么。
2)我无法编辑孩子的CSS以覆盖家长的CSS。
有人能帮帮我吗?我将提供我使用过的代码和屏幕截图以进行比较。非常感谢你。
<小时>PARENT THEMECHILD THEME
CHILD\'S STYLE.CSS
CHILD STYLE.CSS
/*
Theme Name: ComicPress-Child
Version: 1.0
Description: A child theme of ComicPress
Template: comicpress
*/
CHILD FUNCTION.PHP
<?php
add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\' );
function theme_enqueue_styles() {
wp_enqueue_style( \'parent-style\', get_template_directory_uri() . \'/style.css\' );
wp_enqueue_style( \'child-style\'
, get_stylesheet_directory_uri() . \'/child-style.css\'
, array(\'parent-style\') // declare the dependency
// in order to load child-style after parent-style
);
}
最合适的回答,由SO网友:Nathaniel Flick 整理而成
好问题!基本上,在您的队列中,您首先调用父样式表,然后调用子样式表,因此任何子样式(根据css特定性的定义)都将覆盖父样式。
WordPress codex中的代码示例:https://codex.wordpress.org/Child_Themes
<?php
function my_theme_enqueue_styles() {
$parent_style = \'parent-style\'; // This is \'twentyfifteen-style\' for the Twenty Fifteen theme.
wp_enqueue_style( $parent_style, get_template_directory_uri() . \'/style.css\' );
wp_enqueue_style( \'child-style\',
get_stylesheet_directory_uri() . \'/style.css\',
array( $parent_style ),
wp_get_theme()->get(\'Version\')
);
}
add_action( \'wp_enqueue_scripts\', \'my_theme_enqueue_styles\' );
?>