<선택자 종류>
번호 | 이름 | 표기방식 |
---|---|---|
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 [속성 ^= 값] 은 지정된 속성값에 대해서만 스타일을 적용합니다. |
선택자를 이용해서 정확한 태그를 선택하여.. 관련 스타일을 적용할 수 있습니다.
댓글 없음:
댓글 쓰기