CSS 의사-클래스 셀렉터

1 개요

CSS pseudo-class selector; pseudo-class; pseudo selectors

CSS 의사-클래스 셀렉터, 유사 클래스 선택자, 가상 클래스 선택자, 의사-클래스, 의사 셀렉터

• 대략... 보조 셀렉터

selector:pseudo-class {
    property: value;
}

2 예시

a:hover { color: #ABCDEF; }
a:link { text-decoration: none; }
a:visited { color: blue; }

p:first-child {
    color: red;
}

p:nth-child(2) {
    color: red;
}

3 예시

• CSS :link, :visited, :hover, :active 셀렉터
• CSS :nth-child() 셀렉터
• CSS :nth-of-type() 셀렉터

4 같이 보기

• CSS 유니버셜 셀렉터
• CSS 셀렉터
• CSS
• jQuery .children()

5 참고

• http://www.w3schools.com/css/css_pseudo_classes.asp
• https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes