Question

我有一个HTML文件，其头部带有<link rel="stylesheet" href="dist/css/style.min.css">和custom.css文件。为什么我的custom.css文件将被忽略-我无法在浏览器中使用devtools时对图像或填充进行样式设置，而只能对其进行操作（？）看来我只能使用不可接受的内联样式。

我的头部只有两个CSS文件：

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Zadanie 1</title>
    <link rel="stylesheet" href="dist/css/style.min.css"> 
   <link rel="stylesheet" href="dist/css/custom.css">        
</head>

Answer 1

如果您的文件名为“ custom.css”，则需要将其包括在href中。

<link rel="stylesheet" href="path/to/custom.css">

Answer 2

代替 <link rel="stylesheet" href="dist/css/style.min.css">

尝试 <link rel="stylesheet" href="../dist/css/style.min.css">

假设您在custom.css中引用了style.min.css。
否则设置

<link rel="stylesheet" href="dist/css/style.min.css">

到

<link rel="stylesheet" href="dist/css/custom.css">

Answer 3

您是否在标题中包含了css文件？它应该看起来像这样：

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

还请确保该文件与HTML文件位于同一文件夹中，除非您将href更改为指向子文件夹。

HTML会忽略CSS档案

3 个答案: