자식선택자와 inline block이 position:absolute 되었을때 ...
마호
CSS 마스터 전략 처음 부터 팍팍 막히는 군요.
#nav li {font-weight:bold;} 하면
ul id=nav
li홈/li -----이놈
li서비스 ----이놈
ul
li디자인/li
li개발/li
li컨설팅/li
/ul
/li
li연락정보/li --- 그리고 이놈
/ul
만 볼드 처리 되는 거 아닌가요? 직적적인 하위 자식 엘리먼트니까.. 참고로 독타입은
!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd 이에요.글구요.
span {background-color:yellow;width:10em;height:10em;}
span#me{position:absolute; top:100px; left:50px}
이렇게 해 줬는데 (span은 inline 요소로 연습삼아 써 본 것일 뿐이에용)
span1/span
span id=me2/span
span3/span
이렇게 하면 id=me 인 놈만 width 와 height 가 먹고요 (왜 먹을까요? 인라인 요소가 Height가...)
그것이 윗쪽, 아랬쪽 1, 3 넘들은 width 조차 먹지를 않네요???
엣날 책이라서 그런가????
누가~~~ 설명좀..
꾸벅 감사합니다~!
-
든해솔
#nav li{font-weight:bold;}하면
id=\nav\ 밑에 있는 모든 li요소는 볼드가 되는게 맞습니다.
그리고 인라인 요소에 position:absolute; 는 블록요소로 성질이 바뀝니다. 그래서 width값이 적용이 되죠.
같은 케이스로 float도 마찬가지로 인라인 요소에 적용하면 블록요소로 바뀌어서 width값이나 패딩값이 먹히게 되죠. 하번 테스트 해보세요^^ -
푸우
자식은 일부 브라우저 적용입니다 아마 6에서 안되던걸로... 7도 안되던가 ㅡ.,ㅡ
-
뱐헀어
@마약 오.. #nav li 이러한 지적은 아직 브라우저에 구현이 안되어 있는가 보네요
@산들바람. #nav li 이것은 모오~ 든 nav의 li 요소이해 되었습니다. 그리고 블록요소로 성질이 바뀌는점 지적해 주셔서 감사합니다. float 도요^^ -
4차원
아... 그렇군요... 블록요소로 바뀌는군요..감사합니다~^^