반응형
이번 장은 가장 중요한 듯 하다. 화면 구성에 많은 도움을 받을 수 있을 듯 하다.
특히, 첨부파일에 매우 중요하다. 개인적으로 공부를 하다 보니 이번 장이 가장 도움을 받는 듯 하면서, 유용한 듯 하다.
| 종류 | 선택 요소 | 예시 |
| [속성] | 해당 속성이 있는 요소 | [required] |
| [속성 = 값] | 지정한 속성값이 있는 요소 | [target = _blank] |
| [속성 ~= 값] | 지정한 속성값이 포함된 요소(단어별) | [class ~= buttons] |
| [속성 != 값] | 지정한 속성값이 포함된 요소(하이픈 포함, 단어별) | [title |= us] |
| [속성 ^= 값] | 지정한 속성값으로 시작하는 요소 | [href ^= eng] |
| [속성 $= 값] | 지정한 속성값으로 끝나는 요소 | [href $= xls] |
| [속성 *= 값] | 지정한 속성값으로 일부가 일치하는 요소 | [href += w3] |
CSS 고급선택자-01.txt
0.00MB
CSS 고급선택자-02.txt
0.00MB
(10장) CSS 고급선택자 예제.zip
0.09MB
가상클래스 예제(navi).txt
0.00MB
link, visited, hover, active 등 순서지켜서 지정해줘야 한다.
css-test-01.txt
0.00MB
css-test-02.txt
0.00MB
css-test-03.txt
0.00MB
반응형
'개발 및 관리 > HTML, CSS, Javascript, DOM' 카테고리의 다른 글
| 그리드 레이아웃 (0) | 2022.04.02 |
|---|---|
| 뷰포트(viewport), 미디어 쿼리 (0) | 2022.04.02 |
| 이미지와 그라데이션 효과로 배경 꾸미기 (0) | 2022.04.02 |
| Javascript에 많이 사용하는, 레이아웃을 구성하는 CSS 박스 모델 (0) | 2022.03.26 |
| 텍스트 스타일 속성 (0) | 2022.03.26 |
