-5

我有一个大问题。我用外部 .css 编写了一个 HTML。但我所有的人都不在桌子上工作。我只能在 IE8 中工作,但我无法在 Firefox、Chrome 或 IE9 中打开它们请帮助我 :)

我的 HTML 代码:

<!DOCTYPE HTML>

<html>

<head>
<title>Ruf zum Sport</title>
<link rel="stylesheet" type="text/css" href="stylesport.css" media="all" />
</head>

<body>
<h1>Ruf zum Sport</h1>
<table border="">
<tr>
<td class="1" id="general">
<p>Auf, ihr steifen und verdorrten<br>
Leute aus B&uuml;ros,<br>
rei&szlig;t euch mal zum Wintersporten<br>
von den &Ouml;fen los.<br>
</p>
</td>

<td class="2" id="general">
<p>Bleiches Volk an Wirtshaustischen<br>
stellt die Gl&auml;ser fort.<br>
Widme dich dem freien, frischen,<br>
frohen Wintersport.
</p>
</td>
</tr>
</table>
</body>

</html>

CSS代码:

body {
font-family: Comic Sans MS ;
font-size: 13;
font-weight: bold;
word-spacing: 2px;
color: #000000;
margin: 15px auto auto 25px;
line-height: 1cm ;
background: url(ski.jpg) no-repeat center center fixed;
background-size: cover;

}
h1 {
color: #3366FF;
font-size: 2em;
border-width: 3px;
border-color: #0000CC;
border-style: hidden;
margin: 20px 20px 20px 20px;
}
td.1 {
text-align: left;
}

.td.2 {
text-align: right;
padding-left: 70px;
color: #FF66CC;
}

#general {
font-size: 13;
font-weight: bold;
word-spacing: 2px;
line-height: 0.6cm;
}
4

1 回答 1

3

你有几个问题。

  1. CSS 类选择器中的类名不能以2(或任何其他数字)开头
  2. .td.2试图匹配“任何类型的元素,它是该类的成员,也是该类的td成员2

将类名更改为以字母开头的名称,并使td类型选择器不是类选择器。

td.two { ... }

如果您通过验证器运行您的 CSS,您的第二个问题将被拾取,您的 HTML 中也会出现错误,这些错误将被标记验证器拾取。

于 2013-01-27T19:45:44.567 回答