Question

如何将CSS样式块应用于多个不同的类？例如，我有

<div class="foo">...</div>
<div class="bar">...</div>

...

.foo .bar ???    // This selector should apply to both classes
{
  font-size:50%;
  ...
}

Answer 1

.foo, .bar
{
  font-size:50%;
  ...
}

来源：http://www.w3.org/TR/CSS2/selector.html#grouping

Answer 2

使用逗号：

.foo, .bar {
....
}

相反，将多个类应用于单个元素也是可能的：

<html>
<head>
    <style type="text/css">
        .foo {
        }
        .bar {
        } 
    </style>
</head>
<body>
    <!-- 
        space separated list of classnames 
        to apply multiple css classes to a single element.
    -->
    <div class="foo bar">...</div>
</body>
</html>

将css样式应用于多个模式

2 个答案: