: 예를 들어 굵은 헤드라인이 2개 있다고 생각해보자.
그중에 1번 헤드라인은 검정색이어야하고 2번 헤드라인은 노란색이어야한다.
: 즉 클래스는 여러 번 사용되는 반면 ID는 하나의 요소만 스타일링하는 것을 의미한다.
물론 고유한 스타일도 클래스로 차이를 둔다고 해도 문제될 것은 없다.
h1 {
color: red;
}
.headline {
color: firebrick;
}
h1 {
color : black !important
}
!important
를 부여하는 것으로 다른 어떠한 것들보다 우선시하게 만들 수 있다.ㅇ: 위에서처럼 중복되는 코드가 많아질 수록 훌륭하지 못한 코드라 할 수 있다.
.uppercase {
text-transform: uppercase;
}
.publish-time {
color: gray;
}
.cursive {
font-family: cursive;
}
.capitalize {
text-transform: capitalize;
}
<h1 class="capitalize uppercase cursive">