页面上的CSS样式没有生效

Question

5

我是一名新的网页设计学生，刚学习关于层叠样式表并如何外部链接它们；然而，我遇到了一个问题。我已经在我的<head>中链接了文件，并且文件目录正确，但我的更改没有显示出来。如果我有一个<style>标签或属性，那么我的CSS可以工作，但不能从外部文件中工作。有什么帮助吗？

<!DOCTYPE html>
<html>
<head>
<title>Protein Structures</title>
<link href="styles/main.css">
</head>

- Andrue

请检查一下 CSS 路径问题。 - Jignesh.Raj

1

尝试 <link rel="stylesheet" type="text/css" href="styles/main.css"> - Pedro Estrada

3个回答

3

您需要添加链接的关系。将您的<link>标签更改为：

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

您可能需要查看链接类型文档，了解为什么需要使用rel属性。

- Renato Zannon

2

请试一试，希望这个可以正常工作。

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

- Renish Khunt

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Andrue · Accepted Answer

当我匆忙时，我也会犯这个错误。问题在于，虽然您正确地链接了文件，但浏览器不知道如何解释该文件。它是样式表、图标还是替代样式表？您需要添加rel属性并将其设置为样式表。

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

我不确定type="text/css"是否仍然是必需的。我知道在使用JavaScript时，你不必拥有type="text/javascript"。

这里有一个很好的链接，解释了为什么：说明。