E.myclass { sRules }
定義多個類:
.a {
color: #f00;
}
.b {
font-weight: 700;
}
給某個div元素定義.a和.b兩個類
注意,id選擇符不能在同個元素上定義多個,比如id="a b"就是錯誤的寫法
類選擇符高級用法:多類選擇符
.a.b {
color: #f00;
}
多類選擇符使用方法
此例命中同時擁有.a和.b兩個類的元素。需要注意的是IE6并不支持多類選擇符,如:.a.b{}將會被視為:.b{}
IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|
6.0 #1 | 2.0+ | 4.0+ | 3.1+ | 3.5+ | 3.2+ | 2.1+ | 18.0+ |
7.0+ |
.a.b {}