Applying a css style to several patterns

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

Source: https://www.w3.org/TR/CSS22/selector.html#grouping


use a comma:

.foo, .bar {
....
}

The converse, applying multiple classes to a single element is possible too:

<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>

Tags:

Html

Css

Recent Posts