기본형 | 스타일 적용 경우 | 예시 - 선택자 | 예시 - 적용되는 요소 |
[속성] | 지정한 '속성'일 때 | [href] | <a href="#">메뉴 1</a> |
[속성 = 값] | '값'에 일치할 때 | [target = "_blank"] | <a href="......" target="_blank">HTML</a> |
[속성 ~= 값] | 여러 값들 중 특정 '값'이 포함되어 있을 때(단어별) | [class ~= "button"] | <a href="#" class="flat button">메뉴 4</a> |
[속성 |= 값] | '값'이 포함되어 있을 때 (하이픈 포함 단어별) | [class |= "us"] |
<a href="#" title="us">영어</a> <a href="#" title="us-english">영어</a> |
[속성 ^= 값] | '값'으로 시작할 때 | [title ^= "eng"] | <a href="#" title="english">영어</a> |
[속성 $= 값] | '값'으로 끝날 때 | [href $= "xls"] | <a href="intro.xls">엑셀 파일</a> |
[속성 *= 값] | '값'이 속성 값의 일부일 때 | [href *= "w3"] | <a href="http://www.w3c.org/TR/html">HTML 사이트</a> |
공부하다가 참고용으로 기록해둡니다~
스킨이 적용되서 그런가 html코드로 작성해도 css 스타일이 적용안되는 부분이 있네요.
얼른 스킨제작도 할 수 있는 수준까지 끌어올려야 겠습니다. ㅎㅎ
반응형
'코딩 | 개념 정리 > HTML & CSS' 카테고리의 다른 글
PHP TEST 툴 정리 (0) | 2020.06.09 |
---|---|
[스크랩] OpenAPI 테스트 툴 정리 (0) | 2020.06.08 |
WebFX Colorpicker 사이트 이용하기 (0) | 2020.04.26 |
W3C CSS 검사기 (0) | 2020.04.26 |
Web 코딩 간 기본 상식 (0) | 2020.04.24 |