HTML忽略css文件[关闭]

Posted

技术标签:

【中文标题】HTML忽略css文件[关闭]【英文标题】:HTML ignores css file [closed] 【发布时间】:2019-09-02 13:13:19 【问题描述】:

我有 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>

【问题讨论】:

我们能做的最好的就是提供一般调试提示,您需要包含更多信息。 你能分享更多细节吗?很难猜出您的站点发生了什么,可能是找不到文件,CSS 格式错误,您设置了错误的元素样式,..... 您确定您的 href 文件路径准确吗? 你怎么知道它忽略了 CSS 文件? 当然,如果路径正确,第二个加载的文件会覆盖第一个。总是想到级联。 【参考方案1】:

您是否在标题中包含了您的 css 文件? 它应该是这样的:

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

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

【讨论】:

【参考方案2】:

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

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

【讨论】:

以上是关于HTML忽略css文件[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

Grunt-injector 忽略来自 bower 依赖的 css 文件

本地文件(无服务器)上的 Internet Explorer“由于 mime 类型不匹配而忽略 CSS”

本地文件(无服务器)上的 Internet Explorer“由于 mime 类型不匹配而忽略 CSS”

容易被忽略CSS特性

IE浏览器“SEC7113: CSS 因 Mime 类型不匹配而被忽略”问题的解决方法

SVN 默认忽略文件列表在哪里? [关闭]