有没有办法覆盖 Wordpress 的 style.css 文件，以便我可以在主题模板上使用自定义 CSS？

Question

我正在尝试将自定义 CSS 添加到呈现交互式待办事项列表的主题模板中（我还使用一些 Javascript 使其工作）。 文件名为“dashboard.php”，我尝试在其中链接自定义 CSS 文件，但我似乎无法覆盖 styles.css（我认为这是 Wordpress 的默认设置）。

这是我在 dashboard.php 中使用的代码：

<?php

/*
 * Template Name: Dashboard
 * Template Post Type: page
 */

 get_header();

?>

<header>

    <link rel="stylesheet" type="text/css" href="/to-do-styles.css">

</header>

    <div id="myDIV" class="header">
  
        <h2>My To Do List</h2>
          
          <input type="text" id="myInput" placeholder="Title...">
          <span onclick="newElement()" class="addBtn">Add</span>
    
    </div>
  
        <ul id="myUL">
            <li>Hit the gym</li>
            <li class="checked">Pay bills</li>
            <li>Meet George</li>
            <li>Buy eggs</li>
            <li>Read a book</li>
            <li>Organize office</li>
        </ul>

<?php

get_footer ();

?>

如果我在 HTML header 中包含<link rel="stylesheet" type="text/css" href="/to-do-styles.css"> ，难道不应该覆盖默认值 styles.css 吗？

旁注，当我从to-do-styles.css复制内容并将其放入模板文件 (dashboard.php) 时，它工作正常； 但是，为了使模板文件简洁，我想有一个单独的文件。

简而言之，我必须覆盖默认的style.css文件，还是有办法将它链接到模板？

以下是我的函数中的代码。php，在我的主题文件夹中。

add_action('wp_enqueue_scripts', 'to_do_list_style');

function to_do_list_style() {

    wp_enqueue_style('/to-do-styles.css', get_stylesheet_uri());

}

Answer 1

请使用<head>而不是<header>来包含脚本。

有没有办法覆盖 Wordpress 的 style.css 文件，以便我可以在主题模板上使用自定义 CSS？

问题描述

1 个解决方案

解决方案1
0 2022-03-20 07:40:36

有没有办法覆盖 Wordpress 的 style.css 文件，以便我可以在主题模板上使用自定义 CSS？

问题描述

1 个解决方案

解决方案1 0 2022-03-20 07:40:36

解决方案1
0 2022-03-20 07:40:36