Question

我正在尝试在html文件中使用一个名为“ secondary”的类，并在css文件中设置它的属性，但这似乎是

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>

css：

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

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

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

Answer 1

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

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

Answer 2

如果仅使用<body>属性，请尝试<div>块并为div而不是像"<div class = " " ...>"这样的段落设置class 否则，它将使用"<body>"个CSS属性。

Answer 3

对于CSS文件，您的路径似乎不正确，除此以外，您的代码看起来还不错。

假设您位于目录Web_developing内，则将CSS路径更改为此：

<head>
    <title> My Webpage</title>
    <link href="css\styles.css" rel="stylesheet"/>
</head>

如果您的根目录具有目录Web_developing，则将其更改为：

<head>
    <title> My Webpage</title>
    <link href="Web_developing\css\styles.css" rel="stylesheet"/>
</head>

html类拒绝在css文件中查找

3 个答案: