css - больше - Назовите один класс стиля другому?



css знак больше (6)

У меня есть класс css, например:

.foo {
  background-color: red;
}

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

.list1 li {
  background-color: tan;
}

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

.list1 li {
  .foo;
}

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

благодаря

https://ffff65535.com


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

.foo,
.li,
.whatever
{styles}

Возможно, у кого-то есть другое предложение.


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

SASS

http://lesscss.org/

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

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

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



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

.foo, .list1 li {
   ...
}

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


чтобы помочь уточнить, что подразумевается под переопределением, если вы хотите .list1 li нести все стили foo, но просто хотите изменить его цвет на tan, я бы сделал следующее:

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




css