[CSS 선택자] - 선택자

Donggu(oo)·2022년 10월 27일
0

CSS

목록 보기
17/24
post-thumbnail

1. 전체 선택자(universal selector)


  • 전체 요소를 선택할 때는 곱하기(*) 기호를 이용하며, 이는 HTML 문서 내부의 모든 요소를 선택한다.

기본 문법

* {
    /* 속성 */
}

2. HTML요소 선택자(tag selector)


  • CSS를 적용할 대상으로 HTML 요소의 이름을 직접 사용하여 선택할 수 있다.

  • HTML요소(tag) 선택자는 같은 태그명을 가진 모든 요소를 선택하며, 복수로도 선택 가능하다.

기본 문법

h2 {
    /* 속성 */
}

3. 아이디 선택자(id selector)


  • id가 있는 요소를 선택할 때는 샵(#) 기호를 이용하며, 이 선택자는 웹 페이지에 포함된 여러 요소 중에서 특정 아이디 이름을 가지는 요소만을 선택해 준다.

  • id는 하나의 문서에서 한 요소에만 사용해야 한다.

기본 문법

#idName {
    /* 속성 */
}

4. 클래스 선택자(class selector)


  • 동일한 기능을하는 CSS를 여러 요소에 적용하기 위해서는 class를 사용해야 하며, class 요소를 선택할 때는 마침표(.) 기호를 이용해 선택한다.

기본 문법

.className {
    /* 속성 */
}

5. 그룹 선택자(group selector)


  • 그룹 선택자는 여러 선택자를 같이 사용하고자 할 때 사용한며, 그룹 선택자는 여러 선택자를 쉼표(,)로 구분하여 연결한다.

기본 문법

h2, h3, p {
    /* 속성 */
}
profile
FE Developer

0개의 댓글