Question

我有一个很大的问题。我用外部.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;
}

Answer 1

你有几个问题。

CSS类选择器中的类名不能以2（或任何其他数字）开头
.td.2尝试匹配“类td的成员以及类2的成员的任何类型的元素

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

td.two { ... }

如果您通过a validator运行了CSS，那么您的第二个问题就会被解决，您的HTML中也会出现markup validator选中的错误。

CSS类不起作用

1 个答案: