[CSS 입문] 선택자의 종류

1. 전체 선택자 - 모든 요소에 스타일 적용

모든 하위 요소에 한꺼번에 스타일을 적용할 때 사용합니다.

* {속성:속성 값; 속성:속성 값; . . .}

2. 태그 선택자 - 특정 태그를 하용한 요소에 스타일 적용

 h2 {

      color:blue;

      }

 p {

      font-size:12px;

      margin-left:20px;

      }

3.  클래스 선택자 - 특정 부분에 스타일 적용

클래스 이름 앞에는 반드시 마침표(.)를 붙여야 합니다.

.bluetext {

           color:blue; 

          }

4. id 선택자 - 특정 부분에 스타일 적용

id 선택자도 클래스 선택자와 마찬가지로 웹 문서 안의 특정 부분에 스타일 지정할 때 사용합니다. 마침표(.) 대신 (#)기호를 사용하고 클래스 선택자와 달리 문서 안에서 한 번만 적용할 수 있습니다.

#container {

            background: #ff6a00; 

            width:400px; 

            height:200px; 

            margin:0 auto; 

           }

5. 그룹 선택자 -  둘 이상의 요소에 같은 스타일 적용

h1, h2 {

        text-align:center; 

       }

<출처> Do it! HTML5+CSS3 웹 표준의 정석