Wordpress子主题多个css文件

Wordpress子主题多个css文件,wordpress,import,stylesheet,parent-child,Wordpress,Import,Stylesheet,Parent Child,我有一个wordpress主题,它有多个样式表 我想使用子主题方法,我已经成功地导入了样式表。 例如: 但是。那些开发了这个主题的人,使用多个样式表,他们也位于不同的文件夹中,所以我尝试了这个 @ import url ('../bluediamond-v1_04/stylesheet/foundation.css'); @ import url ('../bluediamond-v1_04/stylesheet/foundation-responsive.css'); @ import url

我有一个wordpress主题,它有多个样式表

我想使用子主题方法,我已经成功地导入了样式表。 例如:

但是。那些开发了这个主题的人,使用多个样式表,他们也位于不同的文件夹中,所以我尝试了这个

@ import url ('../bluediamond-v1_04/stylesheet/foundation.css');
@ import url ('../bluediamond-v1_04/stylesheet/foundation-responsive.css');
@ import url ('../bluediamond-v1_04/style-custom.css');
@ import url ('../bluediamond-v1_04/style.css');
它不能正常工作。错了吗? 我该怎么办

希望你能帮忙。

来自

在@import规则之上不能有其他CSS规则。如果将其他规则置于其上方,则该规则将无效,并且不会导入父级的样式表

对于父样式的主样式表,应该只使用一个@import-

@import url('../bluediamond-v1_04/style.css');
如果父样式编码正确,则应通过调用wp_register_样式和wp_enqueue_样式添加其他样式表,这将自动为您执行

如果您想超越这些其他样式表,您需要在注册和排队您自己的替换样式之前取消注册并退出该样式


请记住,子主题的functions.php文件是在父主题的functions.php文件之前立即调用的,因此,如果您想定义一个操作来取消父主题中样式的注册/出列,则需要确保它以较低的优先级运行(即较高的优先级编号)而不是父级的functions.php文件中的操作。

样式表需要由html/php调用,您可以重写header.php(或调用额外css文件的任何其他页面)中的链接,并将其放入子主题中

还可以通过添加以下内容覆盖主子css文件中额外css文件中的css!对每个css代码都很重要。(例如:#nav{背景:无!重要;)

许多主题还提供了向主题添加额外css规则的选项,这些规则会自动覆盖现有css。这可以在“管理”中的“主题选项”下找到。

尝试将@import url(“css本地”)放在子主题css描述下。(第一行) 像这样

/*
 Theme Name:     Theme Name Child
 Theme URI:      
 Description:    Theme
 Author:         
 Author URI:     
 Template:       something
 Version:        1.0.0
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
@import url("one-fourth.css");
我刚刚解决了这个问题

/*
 Theme Name:     Theme Name Child
 Theme URI:      
 Description:    Theme
 Author:         
 Author URI:     
 Template:       something
 Version:        1.0.0
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
@import url("one-fourth.css");