CSS 고급스킬은 어떤게 있을까요??

· 13년 전 · 1441 · 8

가끔 코딩하다보면 클래스나 아이디값 많이 사용해서 어지러워서

#Y12menu div li span {} // 이런식으로 css 코딩을 하는데..
span 두개일경우 다른 태그 넣을게 없을경우 참 난감해집니다..
그러면 또 Class 써야하니...
상위 스킬중에
span_1 이렇게 지정하면 첫번째 span 에만 먹힌다 이런 css는 없는가요??..
CSS중에 > 꺽세가 들어가던데 이건멀까요?....


|

댓글 8개

http://www.w3.org/TR/CSS21/selector.html#pattern-matching
영어가 해석되지않어 영맹이라......못봅니다. 하하... 직.오.팡 입니다.ㅡㅅㅡ
직.오.팡이 누구죠?
직(화)오(리)팡야같은데용...ㅡ,.ㅡㅋ
정답입니다.ㅋㅋㅋ
직오팡 (찌까오리팡야)
div > p 해당 요소의 인접 자식 요소 일치
div.class != div .class
div.class => div요소중 .class와 일치
div .class => div요소의 자식 요소중 .class를 가지는 모두

span_1 이렇게 지정하면 첫번째 span 에만 먹힌다 이런 css는 없는가요??..
<div>
<ul>
<li><span>첫째<span>
<li><span>둘째<span>
</ul>
</div>
첫째에 적용 한다면 div ul li span:first-child{} 이런식으로 적용 가능합니다.

CSS의 고급 기술이라면 미디어쿼리가 아닐까요 ㄷㄷ
역시 있으면 ㅎ

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고