1

我有一个包含多个样式表的 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');

它不能正常工作。这是错的吗？我应该怎么办？

希望你能帮忙。

4

3 回答 3

2

来自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 文件中的操作。

于 2013-03-14T11:00:20.947 回答
0

尝试将您的 @import url("css local") 放在您的子主题 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");

我刚刚解决了这个问题。

于 2014-04-26T09:41:17.553 回答
0

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

也可以通过在每个 css 代码中添加 !important 来覆盖主子 css 文件中额外 css 文件中的 css。（例如：#nav{背景：无！重要；）

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

于 2013-10-04T10:28:30.770 回答