강디너의 개발 일지

CSS 선택자 본문

CSS

CSS 선택자

강디너 2018. 5. 28. 23:01
728x90
반응형

전체 선택자

* {color:green;}             페이지 안 모든 요소 선택



타입 선택자

h1 { color:green;}          모든 h1 요소 선택



아이디 선택자

#special { color:green;}   id가 special 인 요소를 선택



클래스 선택자

.class { color:red;}        class가 class 인 요소를 선택


자식 선택자

h2 > p {border:1px solid #000}    h2 자식인 p 태그 요소 선택



속성 선택자

h1[title] {color:red;}       title 속성을 가지고있는 h1 요소 선택

p[class="example] {color:red;}   class 속성이 example 인 p 요소 선택



의사 선택자

a:link {color:red;}     아직 방문되지 않은 링크의 색상을 빨강으로

a:visited {color:green;}   방문된 링크의 색상은 녹색으로

a:hover {color:red;}      사용자가 링크 위에 있을 때 빨강으로

:first-child             요소의 첫번째 자식 호출




'CSS' 카테고리의 다른 글

Scss 사용한 유동적인 넓이 구하기  (0) 2018.11.15
CSS 수직 중앙, 수평 중앙 정렬  (0) 2018.05.28
커피한잔...
Comments