CSS 선택자의 세계

기본 선택자

• CSS의 기본 구조

selector {
		property: value;
}

선택자 = selector

h1, p 와 같은 요소가 될 수도 있고 더욱 복잡할 수도 있다.

전체 선택자

* {
		color: black;
    background-color: cyan;
}

• 문서의 모든 요소를 선택한다. (텍스트 전체를 검은색으로, 폰트 크기를 지정 등)
  • 버튼 등을 포함한다.
• 크기가 큰 문서에는 비효율적, 다른 방법이 있음.

요소 선택자

button {
    font-size: 30px;
}

• 요소를 선택하는 것.

선택자 여러개를 합치는 방법

h1, h2 {
    color: magenta;
}

• 쉼표를 사용하여 여러개의 요소를 한 번에 변경한다.