클래스 스타일을 일괄 수정하기 편리한 팁!

같은 스타일을 가진 요소를 묶어서 스타일을 줄때 사용하는 방법입니다.

여러 요소에 동일한 클래스를 주어서도 가능하지만 하나의 클래스로도 여러 스타일을 줄 수 있는 장점이 있는데요,

예를 들어 event-1, event-2, event-3 처럼 여러 요소에 해당 클래스를 주었을 때 event 라는 텍스트가 중복이 됩니다. 

여기서 event라는 중복되는 클래스명을 아래처럼 스타일을 주어 사용하면 됩니다. 끝.

[class|="중복클래스명"] {position:relative;padding:0;margin:0}