Есть HTML-теги... <html></html>
, <body></body>
, <div></div>
и т.п.
Чтобы в CSS обращаться к ним и менять их стили, пишут просто название тега:
body { background-color: #ffe2aa; }
div { width: 100px; height: 100px; background-color: orange; }
<!DOCTYPE html>
<html>
<head></head>
<body>
<div></div>
</body>
</html>
Если у нескольких элементов должны быть одинаковые стили, их можно перечислять через запятую, чтобы заново не писать одинаковый код.
body, div, p, a { color: red; }
А название класса можно выделить через точку:
.ваш_класс, .другой_класс { у-обоих: те-же-стили; }
Перед точкой можно указывать и название тега. Чтобы только эти теги с этим классом получили стиль, div.класс {...}
div {
width: 100px;
height: 100px;
border: 2px solid orange;
margin: 5px;
}
/* Вообще, принято все стили разбивать на такие блоки - всё на отдельной строчке
Но главный критерий - чтобы удобно было читать код. Если совсем мелкий кусок,
зачастую удобнее не занимать лишние строки */
.space { background-color: #045acf; }
.space__star { border: none; }
<div class="space">
<div class="space__star space__star--shooting"></div>
</div>
<div></div>
Список CSS - селекторов и их комбинации >>