CSS 선택자 그룹화 시 공통 속성
일부 선택자의 속성 일부는 동일하고 일부는 다른 경우가 있습니다. 예를 들어, 다음 코드에서 제목과 단락은 빨간색을 가지고 있지만, 단락에는 추가 속성이 있습니다:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
이 경우 반복되는 부분을 그룹화하고, 반복되지 않는 부분은 별도로 작성할 수 있습니다:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
선택자 그룹화를 사용하여 코드를 단순화하세요:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
선택자 그룹화를 사용하여 코드를 단순화하세요:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
