하나로 몰아서 선언할때 각 객체를 컴마로 연결해주는건 맞습니다.

전혀 다른 용도로 쓰인 클래스여도 공통된 값으로 되있다면 묶어서 선언하는게 효율적이겠죠.

body, .wrap, .head, .foot {}

이런식으로요.

그런데 질문본문의 예시가 뭔가 또 다른 목적이 있어보이는데..

각 classN 클래스의 앵커와 각 hover,focus,active에 똑같은 값을 주려고 하시는건가요?

단순무식하게 한다면 일일이 다 나열해서 선언해주는 방법이 있겠구요..

.class1 a, .class1 a:hover, .class1 a:focus, .class1 a:active,

.class2 a, .class2 a:hover, .class2 a:focus, .class2 a:active,

.class3 a, .class3 a:hover, .class3 a:focus, .class3 a:active,

.class4 a, .class4 a:hover, .class4 a:focus, .class4 a:active,

a:hover, a:focus, a:active {}

보통은 Hail님처럼 하는게 좋겠죠. 공통된 스타일을 하나로 묶는게 클래스를 사용하는 목적이니..

같은 내용이라면 굳이 따로 선언할 필요도 없겠고, 일일이 따로 선언한다면 유지보수에도 좋지 않겠죠.

.class1 {}

.class2 {}

.class3 {}

.class4 {}

.class a, .class a:hover, .class a:focus, .class a:active {}

<div class="class class1"><a href="#">Class1</a></div>

<div class="class class2"><a href="#">Class2</a></div>

<div class="class class3"><a href="#">Class3</a></div>

<div class="class class4"><a href="#">Class4</a></div>

앵커에 직접 클래스를 주는 경우라면..

.class1 {}

.class2 {}

.class3 {}

.class4 {}

.class, .class:hover, .class:focus, .class:active {}

<a class="class class1" href="#">Class1</a>

<a class="class class2" href="#">Class2</a>

<a class="class class3" href="#">Class3</a>

<a class="class class4" href="#">Class4</a>

이런식이 되겠군요.