Селекторы группировки CSS

Question

Без группировки мы могли бы сделать:

.footer_content a:link {
    color: #FFFFFF;
}
.footer_content a:visited {
    color: #FFFFFF;
}

С группировкой:

.footer_content a:link, .footer_content a:visited {
    color: #FFFFFF;
}

есть способ определить селектор css, чтобы избавиться от дополнительного объявления .footer_content, которое делаеттоже самое?Нечто похожее на это:

.footer_content (a:link, a:visited) {
    color: #FFFFFF;
}

Answer 1

В настоящее время не существует универсально поддерживаемого способа достижения этого.

Однако экспериментальный селектор :any() сделает это возможным, если он будет реализован и стандартизирован.Он не поддерживается ни в одном браузере, но в последних версиях Firefox пока нет.

Answer 2

Вы можете добиться чего-то похожего с Sass , который «компилируется» в CSS.

В Sass вы бы использовали вложенность, вот так:

.footer_content {
  a:link, a:visited {
    color: #FFFFFF;
  }
}