CSS 그룹 선택자 box1 box2 .box { color: blue; } .box.border-box, .box.bg-box { border: 10px solid #000; } 여러개의 선택자를 가져와서 쉼표를 이용해 작성하여 스타일 시트 크기를 줄일 수 있다. 끝

CSS 기본 선택자 CSS의 선택자(Selector)는 html에서 쓰인 코드에 영향을 준다. 여기서는 선택자 중에서도 기본 선택자에 대해 알아보겠다. 기본 선택자 표현식 전체 선택자 * 요소 유형 선택자 선택하길 원하는 노드 이름 (div, input 등) 클래스 선택자 . ID 선택자 # 특성 선택자 [attr] 전체 선택자 * { color: red; } html 내에 존재하는 모든 태그에 영향을 준다. 유형 선택자 div { color: red; } input { color: red; } html에서 해당 태그를 갖는 모든 요소를 선택한다. 클래스 선택자 빨간색문장 파란색인풋 .div1 { color: red; } .input1 { color: blue; } html에서 해당 클래스 이름을 갖는 ..