Укажите один класс стиля другому?

Question

У меня есть класс CSS, как:

.foo { 
    background-color: red; 
} 

то у меня есть класс, указанный для списка:

.list1 li { 
    background-color: tan; 
} 

является возможность установить класс один стиль просто указать на другой? Что-то вроде:

.list1 li { 
    .foo; 
} 

не знаю, как сформулировать, что - я просто хочу, чтобы стиль литий .list, чтобы быть тем, что я определяю для класса .foo.

Благодаря

Answer 1

Вы можете использовать selector grouping:

.foo, .list1 li { 
    background-color: red; 
} 

Answer 2

Наследование, насколько я знаю, не поддерживается в CSS (по крайней мере, 2,1)

Answer 3

AFAIK, это невозможно (пока) Я надеюсь, что это будет в будущем. Я всегда просто скопировать + паста, что я хочу быть таким же в желаемом селектор или положить имена Selector один за другим:

.foo, 
.li, 
.whatever 
{styles} 

Может быть кто-то еще есть другое предложение.

Answer 4

Нет, вы не можете, но переопределить его с помощью имен классов различно, например

.foo { фон-цвет: красный; }

.list1 li { background-color: tan; }

class ="list1 foo" 

Answer 5

No. Лучшее, что вы можете сделать с «родной» CSS является использование множественного выбора:

.foo, .list1 li { 
    ... 
} 

В противном случае имеются препроцессоры, которые могут помочь с этим, такие как SASS.

Answer 6

Не с каким-либо синтаксисом (и не путайте «класс» (термин HTML) с «селектором классов» или «набором правил»).

Ваши варианты: multiple classes, grouping selectors or preprocessing.

Answer 7

Возможно, вы захотите ознакомиться с препроцессором CSS, таким как SASS или LESS. Вы можете определить переменные, которые могут использоваться во всем коде. Это значительно ускоряет кодирование, когда вы знакомы с ним.

http://sass-lang.com/

http://lesscss.org/

Использование SASS:

$darkred : #841c14; 
.box { 
    background: $darkred; 
} 

Answer 8

, чтобы помочь прояснить, что означает переопределение, если вы хотите.песни1 Ли нести все стили обув, но просто хочу, чтобы изменить его цвет загар, я хотел бы сделать это:

<span class = "foo"> 
    <span class = "list1"><!--or whatever name you have for your new style--> 
    TEXT WITH INHERITED STYLE GOES HERE 
    </span> 
</span>