2

我有一个正在使用的 221 的儿童主题。它已被检查为 CSS 级别 3 有效且无错误。

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
.site {
    margin: 0 auto;
    max-width: 960px;
    max-width: 68.571428571rem;
    overflow: hidden;
}

在我正在积极使用的子主题中,即使原件是进口的,我也放置了以下内容

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
/*BEGIN MY RESET*/

/*Site background overall*/
.site {
max-width: 100% !important;
background-color: #fff;
}

然而,只有前者似乎生效,而后者似乎并没有从我正在使用的子主题中应用。

有人请指教吗?

我的孩子主题 css:查看源:http ://stanleyss.com/wp-content/themes/twentytwelvechild/style.css

我的父主题 css:http ://stanleyss.com/wp-content/themes/twentytwelve/style.css

4

1 回答 1

0

我认为您将子样式表包含弄乱了,请检查您用于在您的functions.php 文件中包含子样式表的函数。如果你使用

wp_enqueue_style( 'your-style-handler', get_template_directory_uri() . '/style.css' );

然后更改此代码

wp_enqueue_style( 'your-style-handler', get_stylesheet_directory_uri() . '/style.css' );

get_template_directory_uri() 用于包含父主题文件,get_stylesheet_directory_uri() 用于包含子主题文件。

于 2017-01-30T05:13:04.350 回答