HTML文件:
<html>
<head>
<link rel=“stylesheet” type=“text/css” href=“style.css” />
</head>
<body>
<p>Red</p>
</body>
</html>
CSS文件:
p {
color: red;
}
红色&#39;在浏览器中打开页面时,不会更改为红色文本。如果有人知道为什么我的CSS文件没有链接到HTML文件,将非常感激。这些文件位于同一目录中。
答案 0 :(得分:1)
您提供的代码没有错误。
小提琴:https://jsfiddle.net/9n97Lz69/
请复制&amp;将以下代码粘贴到您的html文件中并验证其是否有效:
的index.html:
<style>
.menu p {
color: red;
}
</style>
<div class="menu">
<p>This sentence should be red.</p>
</div>
小提琴:https://jsfiddle.net/21umj65u/
然后将CSS移动到mystyle.css并验证其是否有效:
的index.html:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<div class="menu">
<p>This sentence should be red.</p>
</div>
mystyle.css:
.menu p {
color: red;
}
请检查mystyle.css
的文件位置,并根据index.html
中的网址进行验证:
的index.html:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
答案 1 :(得分:0)
您的代码似乎很好,也许&#34; p&#34;已在您的css文件中定义。请尝试此
.menu p {
color: red !important;
}