반응형
이번 장은 가장 중요한 듯 하다. 화면 구성에 많은 도움을 받을 수 있을 듯 하다.
특히, 첨부파일에 매우 중요하다. 개인적으로 공부를 하다 보니 이번 장이 가장 도움을 받는 듯 하면서, 유용한 듯 하다.
종류 | 선택 요소 | 예시 |
[속성] | 해당 속성이 있는 요소 | [required] |
[속성 = 값] | 지정한 속성값이 있는 요소 | [target = _blank] |
[속성 ~= 값] | 지정한 속성값이 포함된 요소(단어별) | [class ~= buttons] |
[속성 != 값] | 지정한 속성값이 포함된 요소(하이픈 포함, 단어별) | [title |= us] |
[속성 ^= 값] | 지정한 속성값으로 시작하는 요소 | [href ^= eng] |
[속성 $= 값] | 지정한 속성값으로 끝나는 요소 | [href $= xls] |
[속성 *= 값] | 지정한 속성값으로 일부가 일치하는 요소 | [href += w3] |
link, visited, hover, active 등 순서지켜서 지정해줘야 한다.
반응형
'개발 및 관리 > 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 |