有人能告诉我如何错误地使用类选择器吗?

时间:2015-07-01 22:48:12

标签: html css

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文件,将非常感激。这些文件位于同一目录中。

2 个答案:

答案 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;
}