CSS Pseudo

예진·2020년 7월 23일
0

CSS3

목록 보기
8/11
### CSS Pseudo
	
    class 
    
    	:link {} : 방문하지 않은 링크
        
        :visited {} : 방문한 링크
        
        :hover {} : 마우스를 올린 링크 
        
        :active {} : 클릭된 링크
        
        A :first-child {} : 첫번째 하위클래스 A에만 적용.
        
        A B:first-child {} : A 의 첫번째 하위클래스인 B에만 적용. 
        
        A:first-child B {} : 첫번째 하위클래스 A의 모든 B에 적용.
        
        :lang(Nickname) {
        	quotes: "(custom)" "(custom)";
        } 
        : 따옴표 대신 사용할 문자를 넣어서 
        <q lang="Nickname">blabla</q> 형태로 사용하면 출력 시
        (custom)blabla(custom) 형태로 출력됨.
        
        :focus {} : 사용자가 선택한 요소에 {}와 같이 변화를 준다.
        
    element
    
    	A::first-line{} : A 요소에서 텍스트 첫 줄을 형식화한다.
        
        A::first-letter{} : A 요소에서 텍스트 첫 문자를 형식화한다.
        
        A::before{} : A 요소 앞에 {} 안의 컨텐츠(이미지 등)을 삽입한다.
        
        A::after{} : A 요소 뒤에 {} 안의 컨텐츠(이미지 등)을 삽입한다.
        
        ::selection{} : 사용자가 선택(마우스 드래그)하는 요소를 {} 로 바꾼다.(색깔 등)

0개의 댓글