Question

我正在审核的样式表中有以下几行（单独）：

.Ex1.Ex2 {
color:#333;
font-family:Verdana,Arial,sans-serif;
font-size:9pt;
font-weight:bold;
margin:24px 0 5px;
border-bottom:1px solid #333
}

{
background-color:#ffe;
border:1px solid #aaa;
color:#000;
font-family:Verdana,Arial,sans-serif;
font-size:9pt;
height:auto;
margin-top:5px
}

和

.box_title_container {
height:29px;
width:225px;
margin:0 auto;
background:url(../best_images/boxts.gif);
repeat-x
}

当通过W3C Validator时，都返回解析错误。由于创建样式表的人在CSS方面拥有的经验比我自己多得多，我可能会认为这些是针对交叉浏览兼容性的两种类型的黑客攻击，但我无法谷歌（它现在是动词吗？）与此相关的任何事情。

对于第一行，它有两个封闭的属性集，第二行有一个孤立的repeat-x值（这个＆＃34;错误＆＃34;在以下5或6行中重复）。

有人能告诉我这些是出于某种目的还是普通错误？

提前致谢！

Answer 1

在您的第一个CSS区块中，您必须为第二个{}

指明ID，类或HTML元素

.Ex1.Ex2 {
color:#333;
font-family:Verdana,Arial,sans-serif;
font-size:9pt;
font-weight:bold;
margin:24px 0 5px;
border-bottom:1px solid #333 /* missing ;*/
}

#IDneeded .CLASSneeed {
background-color:#ffe;
border:1px solid #aaa;
color:#000;
font-family:Verdana,Arial,sans-serif;
font-size:9pt;
height:auto;
margin-top:5px /* missing ;*/
}

对于第二个，“repeat-x”是“背景”的值而不是CSS属性，只需移动;

.box_title_container {
height:29px;
width:225px;
margin:0 auto;
background:url(../best_images/boxts.gif) repeat-x;
}

CSS错误/黑客和W3C验证

1 个答案: