您可以在当前Web浏览器的HTML标记中使用多个css类,例如:
<div class="style1 style2 style3">foo bar</div>
Run Code Online (Sandbox Code Playgroud)
这并不总是奏效; 哪些版本的主流浏览器开始正确支持此功能?
@Wayne Kao - IE6在元素上读取多个类名并应用属于每个类的样式没有问题.本文所指的是基于类名组合创建新样式.
<div class="bold italic">content</div>
.bold {
font-weight: 800;
}
.italic {
font-style: italic;
{
Run Code Online (Sandbox Code Playgroud)
IE6将粗体和斜体样式应用于div.但是,我们希望所有具有粗体和斜体类的元素都是紫色的.在Firefox(或可能是IE7,不确定)中,我们可以这样写:
.bold.italic {
color: purple;
}
Run Code Online (Sandbox Code Playgroud)
这在IE6中不起作用.