CSS 셀렉터

1 개요

CSS Selector

CSS 셀렉터. CSS 선택자

• HTML 요소를 선택하여 조작할 수 있게 해주는 것
• id, class, type, attribute 등으로 선택 가능

css

Copy

셀렉터 { 속성: 값; }

css

Copy

셀렉터:의사클래스셀렉터 { 속성: 값; }

css

Copy

p {
    color: green;
}

css

Copy

a:hover {
    text-decoration: none;
}

css

Copy

p:first-child {
    color: red;
}

2 종류

기본

• CSS 유니버셜 셀렉터 ★★
• CSS 타입 셀렉터 ★★★
• CSS 아이디 셀렉터 ★★★
• CSS 클래스 셀렉터 ★★★
• CSS 그룹 셀렉터

계층형

• CSS 후손 셀렉터 ★
• CSS 자식 셀렉터 ★
• CSS 속성 셀렉터

기본 필터

• CSS 의사-클래스 셀렉터

3 같이 보기

• CSS input type으로 선택
• jQuery 셀렉터
• CSS
• 식별자
• 에미트

4 참고

• http://www.w3schools.com/css/css_selectors.asp