선택자 검색 결과

해당 글 4건

[CSS] 동위 선택자

선택자 A + 선택자 B : 선택자 바로 뒤에 위치하는 선택자 B 를 선택 선택자 A ~ 선택자 B : 선택자 A 뒤에 위치하는 선택자 B 를 선택 Header 1 Header 2 Header 3 Header 4 일때 h1 + h2 { color : red } 로 하면 Header 1과 Header 2만 텍스트 색이 빨간색으로 변한다. h1 ~ h2 { color : red } 로 하면 Header 1과 Header 2,3,4 모두 텍스트 색이 빨간색으로 변한다. 즉, h1 바로 뒤에있는 h2 단 하나만 선택하고 싶을때 + h1 뒤에있는 모든 h2 를 선택하고 싶을때 ~ 를 사용한다
Helloworld!/CSS 2015. 7. 9. 16:57

[CSS] 자손 선택자, 후손 선택자

선택자 종류중 자손과 후손 선택자가 있다. 자손 선택자의 선택자 형태는 "선택자A > 선택자 B" 처럼 쓰며, 선택자 A의 자손에 위치하는 선택자 B를 선택한다. 후손 선택자의 선택자 형태는 "선택자A 선택자 B" 처럼 쓰며, 선택자 A의 후손에 위치하는 선택자 B를 선택한다. 예를들어 다음과 같이 html 이 작성되 있을 경우 TITLE list 1 list 2 list 3 이때 div 의 자손 선택자는 h1, ul 이며 후손 선택자는 li 들을 말한다. 따라서 h1을 선택할때 .container > h1 { 스타일 } 라고 쓰며 li를 선택할 때는 .container li { 스타일 } 라고 쓰면 선택할수 있다.
Helloworld!/CSS 2015. 7. 9. 16:45

[CSS] 문자열 속성 선택자

1. 선택자[속성^=값] : 속성 안의 값이 특정 값으로 시작하는 태그를 선택 2. 선택자[속성&=값] : 속성 안의 값이 특정 값으로 끝나는 태그를 선택 3. 선택자[속성*=값] : 속성 안의 값이 특정 값을 포함하는 태그 선택 1 선택자에 대한 예는 다음과 같다. 예를 들어 다음과 같이 박스가 1 ~ 5개가 있다. box 1 box 2 box 3 box 4 box 5 이때, 다음과 같이 했을 경우 div[class^=box] { background-color: red } div 중 class 명이 box로 시작하는 div에 백그라운드 색상을 빨강으로 하라는 것이므로, class 가 box_1, box_2, box_3 인 box1, 2, 3만 배경이 빨간색으로 바뀐다. 다음 2 선택자에 대한 예가 다음..
Helloworld!/CSS 2015. 7. 9. 15:55