HTML 类拒绝查看 CSS 文件

标签 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 文件中设置的属性。


在对文件路径进行一些测试后,我得出结论,问题似乎出在类上。可能有什么语法错误吗?

最佳答案

问题似乎与您指向 CSS 文件的链接有关。将 Assets 文件链接到您的网页时,最好使用相对路径。试试这个...

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

Learn more about file paths here - W3Schools

关于HTML 类拒绝查看 CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53897298/

相关文章:

html - 我应该如何调整网页上的图像大小?

css - 添加 `animation` 声明会弄乱 z-indexes,有点像

html - 如何将中间元素居中放置在 flex 行中?

html - CSS 宽度超出文档宽度的百分比?

html - 如何使表格排队?

jquery - 页脚向上 float

html - 具有不同高度列的 Bootstrap 行

html - 边框宽度 : inherit not working

html - 为什么向我的 div 添加边距会将其内容(列)推离页面?

html - 通过 Bootstrap CSS 自定义 CSS