Question

我有一个wordpress主题，有多个样式表。

我想使用子主题方法，我已成功导入样式表。例如：

@ import url ('../bluediamond-v1_04/style.css');

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

@ 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');

它无法正常工作。这是错的吗？我该怎么办？

希望你能帮忙。

Answer 1

来自http://codex.wordpress.org/Child_Themes ...

@import规则上面不得有其他CSS规则。如果您在其上面放置其他规则，它将失效，并且不会导入父项的样式表。

您应该只使用一个@import - 来自父样式

的主样式表

@import url('../bluediamond-v1_04/style.css');

如果父样式编码正确，则应通过调用wp_register_style和wp_enqueue_style添加其他样式表，这应该会自动发生。

如果您想要覆盖其他样式表，则需要在注册和排队自己的替换样式之前取消注册和出列样式。

请记住，您的子主题的functions.php文件会在父项的functions.php文件之前立即调用，因此如果您要定义一个操作以从父项中取消注册/出列样式，您需要确保它与优先级较低（即优先级较高的数字），而不是父级的functions.php文件中的操作。

Answer 2

样式表需要通过html / php调用，你可以重写header.php（或任何其他调用额外css文件的页面）中的链接，并将其放在你的子主题中。

也可以通过在每个css代码中添加！important来覆盖主子css文件中额外css文件中的css。（例如：#nav {background：none！important;）

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

Answer 3

尝试将您的@import网址（＆＃34; css local＆＃34;）放在您的子主题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");

我刚刚解决了这个问题。

Wordpress儿童主题多个css文件

3 个答案: