DIY ID 속성 영향을 안받게하려면?
본문
<div id="bo_v_con">
<img src= ~~~ >
<img src= ~~~ >
</div>
#bo_v_con img {max-width:100%;height:auto}
css 에서 위와같이 하면 img 가 다 영향을 받는데..
저 공간안에 있더라도 img 중에서 제가 원하는건 diy id 속성 무시하게 하려면 어떻게 해야할까요...
답변 3
인라인(inline) 방식으로 img 태그에 직접 style="max-width:none;height:100px"과 같이 지정하실수도 있을 것 같구요.
아니면 원하는 img부분에만 class명을 지정해서(예를 들어 class명이 img-1이라면)
임베디드(embeded)방식으로
.img-1 {max-width:none;height:100px;}
형식으로 지정해 주시면 되지 않을까 싶네요.
style=""
이 안에 style 입력해 주시고 그 안에 !important 를 넣어 주세요.
예를 들어 가로 해상도를 고정하고자 하면
<img src="이미지 나와라 뿅!!" style="width:1000px !imprtant">
다만 !important가 늘어난다는게 함정
어차피 인라인 방식이 임베디드 방식보다는 우선하기 때문에 굳이 인라인 스타일에서 !important는 사용할 필요가 없을 듯 합니다.
선택자 쓰셔도 될 거 같아요~
:nth-child(1) 이런 식으로
근데 익스 하위버전에선 안 먹힌다는 게 함정
답변을 작성하시기 전에 로그인 해주세요.
