文章為csslint中文版譯文鲁僚，點(diǎn)擊原文可查看英文版丰辣，如遇到翻譯錯誤或錯別字啥的，請留言指出~ 譯文內(nèi)容不定期更新~ 返回目錄
相鄰類,也可以稱之為類鏈,像.foo.bar .在CSS規(guī)范中允許使用,但在IE6即更早版本中可能就不好使了.IE僅僅會以'.bar'的形式匹配選擇器,也就是說你的選擇器不會按你的套路出牌,順便出現(xiàn)了跨游覽器bugs.(不用IE6的 放心大膽的使用吧)
通常來說,基于單類來定義一個樣式要比多類定義更好.可以瞅瞅想想下面的例子:
.foo {
font-weight: bold;
}
.bar {
padding: 10px;
}
.foo.bar {
color: red;
}
選擇器.foo.bar的規(guī)則,可以用一個新類進(jìn)行重寫:
.foo {
font-weight: bold;
}
.bar {
padding: 10px;
}
.baz {
color: red;
}
那么這個新類,baz,必須添加至原有的HTML元素上.這實(shí)際上更利于維護(hù),因?yàn)?code>.baz此規(guī)則此刻就可以被復(fù)用了，而.foo.bar規(guī)則只能被用在前一種固有的情況下.
規(guī)則詳情
規(guī)則 ID: adjoining-classes
此規(guī)則意在指出 使用相鄰類時,在IE6即更早版本時會出現(xiàn)匹配失敗的情況辆琅。
以下例子將會出現(xiàn)警告:
.foo.bar {
border: 1px solid black;
}
.first .abc.def {
color: red;
}
以下例子將不會出現(xiàn)警告:
/* 兩個類中間有空格 */
.foo .bar {
border: 1px solid black;
}
