在WordPress中使用@import添加自定义css不再是最佳做法，但您可以使用该方法。

最佳实践是使用函数wp_enqueue_style() 在函数中。php。

Example:

wp_enqueue_style (\'theme-style\', get_template_directory_uri().\'/css/style.css\');
wp_enqueue_style (\'my-style\', get_template_directory_uri().\'/css/mystyle.css\', array(\'theme-style\'));

激活子主题并在函数中添加以下示例代码。php

add_action( \'wp_enqueue_scripts\', \'child_enqueue_styles\');

function child_enqueue_styles() {

wp_enqueue_style( \'reset-style\', get_template_directory_uri() . \'/css/reset.css\', array());
}

我的建议是使用儿童主题。它很容易实现，您所做的所有修改（包括样式）都与原始主题完全隔离。

为了防止覆盖主主题CSS或其他文件，您应该始终在WordPress中使用子主题。。。不这样做只会给你带来很大的头痛和问题。

https://codex.wordpress.org/Child_Themes

然后，使用子主题将允许您覆盖所需的任何主父主题文件，只需将父主题文件复制到子主题文件中，或创建一个同名的新文件即可。

关于custom.css 主题开发人员有很多方法来处理这个问题。。。他们中的许多人这样做只是为了阻止不想使用子主题的客户端编辑主style.css 文件

无论哪种方式，你都不必担心，只要你使用一个子主题，你就不必担心以后更新主题和丢失更改。。。养成总是使用儿童主题的习惯，我保证，你以后会感谢我的。

如果你想留下你的html。您可以将其添加到css文件中。我觉得这样更好。

@import url("../mycustomstyle.css");

--请记住，css是按顺序工作的（当使用相同级别的标识符时，已经使用），因此文件中最后一个标识符将被覆盖。因此，如果您想覆盖内容，请将customstyle导入放在底部。

使用子主题。这是你最好的选择。这样，如果主题被更新，您就不会覆盖您创建的样式表。

https://codex.wordpress.org/Child_Themes

最好的方法是combine all enqueued styles into a single function 然后call them using wp_enqueue_scripts action. 将定义的函数添加到主题的函数中。php在初始设置之下的某个位置。

Code Block:

function add_theme_scripts() {
    wp_enqueue_style( \'style\', get_template_directory_uri() . \'/css/style.css\' );
    wp_enqueue_style ( \'custom\', get_template_directory_uri () . \'/css/custom.css\', array( \'style\' ) );
}
add_action ( \'wp_enqueue_scripts\', \'add_theme_scripts\' );

第三个参数是依赖关系数组，它表示此样式表是否依赖于其他样式表。因此，在我们上面的代码中进行自定义。css取决于样式。css

|附加基础：
wp_enqueue_style() 函数可能有5个参数：像这样-wp\\u enqueue\\u样式（$handle, $src, $deps, $ver, $media );
在WP编码的真实世界中，通常我们也会在该函数中添加javascript文件/jQuery库，如下所示：

wp_enqueue_script( \'script\', get_template_directory_uri() . \'/js/script.js\', array ( \'jquery\' ), 1.1, true);

从WordPress仪表板转到外观>编辑CSS。

这是带有基本CSS编辑器的屏幕。

现在，将CSS直接粘贴到默认文本。您可以删除默认文本，以便CSS只显示在编辑器中。然后保存样式表，您的CSS将处于活动状态。

如果要避免web浏览器缓存问题，需要包括文件版本，如本例所示。

wp_enqueue_style (\'theme-style\', get_template_directory_uri().\'/path/to/css/style.css?v=\' . filemtime(get_template_directory() . \'/path/to/css/style.css\'));