Question

我尝试使用分离的css文件并在html文件中嵌入样式。为通用元素（body或p）定义的样式工作正常，但是当我尝试使用带有类或id的样式时不起作用。我花了两天时间，我很沮丧。我从学习书中得到了代码。

这是css：

.texto1 { font-size: 40px; }
#texto2 { font-size: 50px; }
body {background-color:green;}

这是html文件：

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Este texto es el título del documento</title>
<link rel="stylesheet"  href="estilos.css">
</head>
<body>
<p class=”texto1”>Mi texto</p>
<p id=”texto2”>Mi texto2</p>
<p>Mi texto3</p>
</body>

这是带嵌入式样式的html：

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Este texto es el título del documento</title>
<style>
.texto1 { font-size: 40px; }
#texto2 { font-size: 50px; }
body { background-color:green; }
</style>
</head>
<body>
<p class=”texto1”>Mi texto</p>
<p id=”texto2”>Mi texto2</p>
<p>Mi texto3</p>
</body>
</html>

Answer 1

他们没有工作，因为你有＆＃34;卷曲的报价＆＃34; ”代替＆＃34;直接引用＆＃34; "

用正确的引号替换引号，你应该没问题。并且不要使用文字处理器来输入代码！考虑使用IDE。我个人强烈推荐Notepad++，因为它提供了许多有用的功能，同时又非常易于使用。

Answer 2

这是您正在使用的引用类型。

{{1}}

复制并粘贴上面的代码，它将正常工作。

我将“texto1”替换为＆＃34; texto1＆＃34;和“texto2”到＆＃34; texto2＆＃34; 。请观看WORKING DEMO。

Answer 3

Juan Carlos Garrido，

你也可以尝试这样做。它的工作。你需要使用（“id或类名”）这个quation.not卷曲引号。

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Este texto es el título del documento</title>
<style>
.texto1 { font-size: 40px; }
#texto2 { font-size: 50px; }
body { background-color:green; }
</style>
</head>
<body>
<p class=texto1>Mi texto</p>
<p id=texto2>Mi texto2</p>
<p>Mi texto3</p>
</body>
</html>

为什么id和类在这个简单的html代码中不起作用？

3 个答案: