时间戳

首页 > 解决方案 > HTML 类拒绝查看 CSS 文件

html - HTML 类拒绝查看 CSS 文件

问题描述

我正在尝试在我的 HTML 文件中使用一个名为“secondary”的类并在我的 CSS 文件中设置它的属性，但它看起来像

HTML：

<!doctype html>
<html>
    <head>
        <title> My Webpage</title>
        <link href="D:\Web_developing\css\styles.css" rel="stylesheet"/>
    </head>

    <body>
        <h1>Main webpage</h1>

        <ul>
            <li><a href="D:\Web_developing\html\page2.html">page 2</a></li>
        </ul>

        <p class="secondary">this is the main page of the website</p>
    </body>
</html>

CSS：

body {
    color: green;
    background: black;
    font-family: arial;
    text: white:
}
.secondary {
    background: green;
    color: blue
}

我希望给定类的段落将在 CSS 文件中设置属性。

在对文件路径进行一些测试后，我得出的结论是问题似乎出在类上。可能有任何错误的语法吗？

标签： htmlcss

解决方案

问题似乎出在您指向 CSS 文件的链接上。在将资产文件链接到您的网页时，使用相对路径总是更好。试试这个...

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

在此处了解有关文件路径的更多信息 - W3Schools

推荐阅读