Группировка CSS селекторы для одних и тех же элементов

Question

Интересно, если вместо того, чтобы иметь что-то вроде этого:

#class1 ul li, #class2 ul li, #class3 ul li { 
    display: inline; 
} 

это можно сделать что-то вроде этого:

(#class1, #class2, #class3) ul li { 
    display: inline; 
} 

Это не работает, но Интересно, есть ли какой-нибудь синтаксис для этого.

Answer 1

К сожалению, такого синтаксиса нет. Для минимизации таких видов css были разработаны некоторые инструменты (языки), такие как Less and Sass. Вы пишете стили css в специальном синтаксисе, который позже переводится в общий css. Ваш пример кажется:. Вложенные правила»в менее - see the link

#class1, #class2, #class3 { 
    ul li { 
      display: inline; 
    } 
} 

Answer 2

Вы должны использовать класс Selecter и группу соответствующие элементы, используя один и тот же атрибут класса

Например:

<div class = "car" id = "car1"></div> 
<div class = "car" id = "car2"></div> 
<div class = "car" id = "car3"></div> 

И CSS:.

.car { display: block;}