今天在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的写法。黑线.....