Вопросы Теги

Применение CSS разрабатывает к нескольким шаблонам

Как я могу применить блок стиля CSS к нескольким различным классам? Например, я имею 

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

...

.foo .bar ???    // This selector should apply to both classes
{
  font-size:50%;
  ...
}
8
задан ripper234 23 January 2010 в 16:22
поделиться

2 ответа

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

Источник: http://www.w3.org/tr/css2/selector.html#gruping

16
ответ дан 5 December 2019 в 07:35
поделиться

Используйте запятую: 

.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>
6
ответ дан 5 December 2019 в 07:35
поделиться