CSS наследует еще?

Question

Я хочу знать, могу ли я установить дочерний элемент на

color: inherit;

, но перейти к другому цвету, если в родительском элементе не указан цвет.

Поэтому я хочусделать то же самое, что вы можете сделать с font-family.то есть.

font-family: "arial", "sans-serif";

Так что, если arial недоступен, он будет использовать без засечек.

Я пробовал

color: inherit, #646323;

, но безуспешно.

Возможно ли это или нет?

Редактировать 1: Чтобы объяснить больше:

Я могу сократить код, выполнив это, потому что на моей странице много тегов.Большинству из них я хочу использовать пользовательские цвета (а не цвета по умолчанию (например, для hover, active, посещения и т. Д.). Но некоторые ссылки, я хочу, чтобы их стилизовали по-другому.

Было бы неплохо сделать этотаким образом, вместо использования классов. Потому что я редактирую страницу, на которой много ссылок.

Answer 1

Идея состоит в том, чтобы рассмотреть переменную CSS для этого:

p {
  color: var(--c); /*initial is the fallback if --c is not defined */
}

span {
  color: var(--c, red); /*red is the fallback if --c is not defined*/
}

<p>
  color <span>text</span>
</p>
<p style="--c:blue">
  color <span>text</span>
</p>