아래 악보의 다크 모드를 만들면서 정보
아래 악보의 다크 모드를 만들면서본문
CSS를 배우고 있습니다.
CSS 선택자는 확실하게 배우고 있습니다. 참조: http://www.nextree.co.kr/p8468/
게임도 다시 해보니 예전보다 쉽게 되네요 https://sir.kr/so_css/55
오늘 배운 선택자는 복합 선택자(Combinator) 입니다.
div p
div>p
div+p
div~p
속성 선택자(Attribute Selectors)
E[attr="val"] 만 사용했는데 다른 것도 연습해 봐야겠습니다.
패턴 | 의미 | CSS Level | 지원하지 않는 브라우저 |
---|---|---|---|
E[attr] | 'attr' 속성이 포함된 요소 E를 선택합니다. | 2 | IE6 |
E[attr="val"] | 'attr' 속성의 값이 정확하게 'val'과 일치하는 요소 E를 선택합니다. | 2 | IE6 |
E[attr~="val"] | 'attr' 속성의 값에 'val'이 포함되는 요소를 선택합니다. (공백으로 분리된 값이 일치해야 합니다.) |
2 | IE6 |
E[attr^="val"] | 'attr' 속성의 값이 'val'으로 시작하는 요소를 선택합니다. | 3 | IE6 |
E[attr$="val"] | 'attr' 속성의 값이 'val'으로 끝나는 요소를 선택합니다. | 3 | IE6 |
E[attr*="val"] | 'attr' 속성의 값에 'val'이 포함되는 요소를 선택합니다. | 3 | IE6 |
E[attr|="val"] | 'attr' 속성의 값이 정확하게 'val' 이거나 'val-' 으로 시작되는 요소 E를 선택합니다. |
2 | IE6 |
추천
2
2
댓글 6개
역시 대단하십니다.
전 web과 프론트엔 자신이 없어서
그거 하시는 분들은 존경스럽습니다.
전 web과 프론트엔 자신이 없어서
그거 하시는 분들은 존경스럽습니다.
@선구자 조금씩 배우고 있습니다. 뭔가를 하니 기억에 남게 되네요.
지원하지 않는 브라우저 IE6가 눈에 띄네욤~
@빅클린코드 2014년 글이라서..
대단한 열정입니다.
@우성짱 감사합니다