How to shorten class descriptions?

Question

css

I often come across a situation where you need to describe several classes with approximately the same parameters and apply the same style to them. For example:

.movie:hover, .voyti:hover, .registraciya:hover {background: #CCC}

Maybe there is some way to write several classes and specify a pseudo class for them all, something like:

(.movie, .voyti, .registraciya):hover {background: #CCC}

In the example, this does not make much sense, but in practice it happens that huge strings with class enumerations are obtained.

Answer 1

and what's stopping you from simply adding another class for all the necessary elements, in which you describe the general design of CSS?
and get something like

.class1 {
background: #CCC; }

for html elements like this:

<div class="class1 movie">
<!--содержимое блока-->
</div>

Answer 2

Нельзя называть классы транслитом, это упоминается при изучении CSS - это плохой тон, вот и всё, вы можете как хотите называть классы, но верстальщики вас не будут уважать, и будут ломать себе лицо фейспалмами, это просто совет, делайте как хотите.
Если нужно указать 1 значение нескольким классам то это нужно делать через запятую, например нужно указать цвет для тега a и span:

a,
span {
color:red;
}

Answer 3

Я выношу подобный шлак в отдельные классы. Именую их типа .__cs_name.

.__cs_colCCC:hover{
  background: #CCC;
}

/* Ну или */

.__cs_gray{
   background: #CCC;
}

Но не всегда можно так вот сгруппировать, вся фишка в приоритете селекторов, в том, в какой последовательности они стоят в коде.