ABOUT AUTHOR


Photo Profile

Stella
Fashion Designer

Hi there! I’m Stella Jorissen, 23 years old. I hope you enjoy your visit to my website. Much love! ♥
Read More





Powered by Blogger.

SUBSCRIBE


Labels

Instagram

My Instagram

Pages - Menu

2017년 4월 18일 화요일

CSS3, 선택자 종류


<선택자 종류>
번호 이름 표기방식
1 전체선택 * 를 사용, 전체 태그에 적용됩니다.
2 태그 선택자 html 태그, 각종 tag명 써서 적용 및 사용함.
3 class 선택자 html 태그 선택하여 이를 전체
4 id 선택자 id정의명에 '#'을 사용. 적용할 태그엔 id명을 정의(정의된 고유id태그에만 적용)
5 하위 선택자 예) ul li {~} : ul태그안에 있는 li태그들 선택
6 자식 선택자 예) #container > ul : id가 container태그안에 있는 자식 ul태그들 선택
7 인접형제 선택자 예) h1 + p {~} : h1태그 다음에 오는 p태그중 첫번째 p태그 선택
8 형제 선택자 예) h1 ~ p {~} : h1태그 다음에 오는 p태그들 선택
9 그룹 선택자 예) h1, p {~} : h1태그 와 p태그들 선택
10 속성 선택자 예1) a [target] {~} : a태그의 target속성 선택
예2) a [target="_blank"] {~} : 태그 속성중 target이 _blank 속성과 같은 곳에 스타일 적용.
예3) a [속성 ~= 값] 은 비교할값이 여러개일 경우 그중 하나만 일치해도 스타일을 적용합니다. 정확하게 일치하지 않을 경우 적용이 안됩니다.
예4) a [속성 ^= 값] 은 지정된 속성값에 대해서만 스타일을 적용합니다.





선택자를 이용해서 정확한 태그를 선택하여.. 관련 스타일을 적용할 수 있습니다.

댓글 없음:

댓글 쓰기

author
Jake Simms
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt utlaoreet dolore.