2007/08/06 | 居然可以有这种写法...
类别(Web) | 评论(19) | 阅读(307) | 发表于 11:58

今天在Ali做东西,很诡异的看到他们写的CSS有种诡异的类定义法。我写CSS以来还是第一次见到有这样定义类而且能正常显示出来的。是BUG,绝对是BUG!!!

html结构是这样写的。
<div class="crumb crumbGSSKinA">
</div>
这种写法调用是没什么,我也经常用,照理说这种是同时调用两个类。但是CSS里面写得很诡异.

.crumb.crumbGSSKinA{}
这样写的话他们就可以单独定义这个div调用类的样式了,然后,我做了下面这个尝试...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
.crumb.crumbGSSKinA{font:1.8em "Times New Roman", Times, serif ; font-weight:bold ; color:#009900 }
.crumb {font:10px Georgia, "Times New Roman", Times, serif; font-weight:bold}
.crumbGSSKinA{color:#FF0000; font-size:1.2em}
</style>
</head>

<body>
<div class="crumb crumbGSSKinA">What's Up</div>
<div class="crumb">crumb</div>
<div class="crumbGSSKinA">crumbGSSKinA</div>

</body>
</html>

写下来之后,发现IE下有调用错误,FF能显示出来但是我的逻辑系统告诉我就算FF能显示出来还是照样觉得很怪异啊很怪异。BUG,绝对是BUG!

-------------------------------------不得不再次强调分隔线---------------------------------------
那个,回复的各位,请搞清楚问题的重点,不是div里的CSS调用,是Style里面的CSS的写法。黑线.....

0

评论Comments

日志分类
首页[308]
Diary[153]
Comic[43]
Design[31]
Web[30]
Music[36]
Other[15]