CSS多类选择符测试作者：ONEBOYS 发表时间： 2009年02月3号，星期二 阅读：1,954 次 <!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=utf-8" /> <title>选择符测试</title> <style type="text/css"> div{display:block;width:400px;height:200px;} #first.son{background:#ccc;} .second.son{border:1px solid red;} </style> </head> <body> <div id="first" class="son first"> a </div> <div id="second" class="son second"> b </div> </body> </html> 形如#first.son的选择符，支持性很好，ie6及以上，ff,opera,safari等浏览器都支持。 形如.second.son的选择符，在ie6下不支持，后一个类名会覆盖前一个类名，即直接识别为.son 其实可以利用第二条情况，作为一个针对ie6的hack来使用： .xxx.son{} 只要.xxx部分是一个不存在的类名。就可以屏蔽ie6之外的浏览器。只对ie6下的.son有效。 这个hack的效果同 selector{ _property:value; } 大体一致。 相关文章:《浏览器hack列表》 标签： hack, 选择符 这篇文章发布于 2009年02月3号，星期二，11:04，归类于 CSS2, 浏览器与兼容。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论，或者从您的站点trackback。