<aside> <img src="/icons/cursor-click_blue.svg" alt="/icons/cursor-click_blue.svg" width="40px" /> 빠른 이동을 원하시면, 아래 키워드를 클릭하세요!
</aside>
우리는 지난 시간에 CSS에서는 선택자를 통해서 속성을 줄 대상을 지정한다고 배웠습니다.
그리고 몇가지 기본적인 선택자(태그, .클래스, #아이디)에대해 알아보았습니다.
오늘은 지난시간에 배운 기본 선택자 이외에 전체 선택자, 그룹선택자, 가상 클래스 선택자에 대해 알아보도록 하겠습니다.
전체 선택자는 HTML의 모든 요소를 선택합니다.
*{
property : property value
}
그룹 선택자는 여러 선택자를 그룹으로 묶는 기능입니다.
보통 그룹 선택자는 중복된 속성을 여러번 반복해서 줄 경우, 선택자를 묶어서 한번에 처리함으로써 코드를 줄여주는 역할을 합니다.
/* 동일한 속성을 반복적으로 사용 */
h2 {
color : blue;
}
p {
color : blue;
}
div {
color : blue;
}