그누보드 - 아래 악보의 다크 모드를 만들면서

아래 악보의 다크 모드를 만들면서 > 자유게시판

자유게시판

아래 악보의 다크 모드를 만들면서 정보

아래 악보의 다크 모드를 만들면서

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