一个分号引起的困扰

最近在帮网站改版,一切似乎蛮顺利的。但是发现有个CSS一直出不来。如下图所示:


一个分号引起的困扰

 

查看CSS代码如下:

 

/*右侧栏目*/
.content_right_top {width: 240px;height: 8px;overflow: hidden; background: url(images/right_top.gif) no-repeat;}

 

没有任何问题。一开始以为是文件坏了。我重新建了文件,并把内容复制过去,无效。


 更奇怪的是就这行有问题。

 

难道是因为前面的行影响了这行代码?

 

.box .maps {float: left;width: 238px;height: 245px;};

/*右侧栏目*/
.content_right_top {width: 240px;height: 8px;overflow: hidden; background: url(images/right_top.gif) no-repeat;}

 仔细检查后发现上一行的结尾多了一个小小的分号“; ”。

去掉后显示正常。

 

PS:这个小小的分号浪费了我很长时间,写代码一定要规范,很小的细节也会导致截然不同的效果。

你可能感兴趣的:(一个分号引起的困扰)