为什么在样式标签工作时,链接标签有时不起作用?

时间:2014-05-20 07:38:02

标签: html css stylesheet

我之前正在玩Path 2.0飞行菜单(http://codepen.io/sparanoid/pen/nHAmi)并实现一旦我从index.html中删除链接样式标记并将它们放入css文件以链接回文件,网页不会不再那样了。

我使用的链接标记非常标准:

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

此链接标记替换示例文件中的第二个样式标记。我在线搜索,当只有样式标签可以工作时,没有关于某些条件的文档。

我怀疑原因可能是prefixfree.js无法解释css文件(但可以解释样式标签)。我想知道这是不是因为我如何为prefixfree.js设置正确的解释器。

2 个答案:

答案 0 :(得分:1)

尽量不要使用prefixFree。它是一个有缺陷的插件。即使在设置删除服务器时,它也不会始终与基于webkit的浏览器(如Safari,Chrome或Opera)一起使用(当使用本地文件时当然不起作用)。

答案 1 :(得分:0)

这可能会导致两个原因:

  • 浏览器无法下载文件。
  • 样式表的顺序很重要。

查看浏览器的错误日志。如果您在那里看到错误,请修复它。

如果没有错误,那么样式的顺序就会出现问题。后来的样式会覆盖之前的样式。尝试移动<link>元素以查看更改内容的方式或使用浏览器的开发人员工具查看应用的样式。