html과 css에 대한 간단한 코딩 질문입니당!!
본문
<div class="layout_fix">
<div class="list-item1 cf">
<div style="float: left; width: 268px; margin-right:20px;" >
<a href="../images/sub/01_big.png" class="fancybox" data-fancybox-group="gallery" title=""><img src="../images/main/pro01.jpg" alt="" /></a><h1>dd</h1><h2>aa</h2>
</div>
</div>
</div>
여기서 코딩을 깔끔하게 하고 싶어서 main.css에 list-item1 cf 밑에 float: left; width: 268px; margin-right:20px;을 추가하고 싶은데 어떻게 하면 될까요??
도와주시면 감사하겠습니다!!
답변 3
.list-item1.cf > div{float: left; width: 268px; margin-right:20px;}
<div class="layout_fix"> <div class="list-item1 cf"> <div style="float: left; width: 268px; margin-right:20px;" > <a href="../images/sub/01_big.png" class="fancybox" data-fancybox-group="gallery" title=""><img src="../images/main/pro01.jpg" alt="" /></a><h1>dd</h1><h2>aa</h2> </div> </div> </div>
를
<div class="layout_fix"> <div class="list-item1 cf"> <div class="원하는 클래스명"> <a href="../images/sub/01_big.png" class="fancybox" data-fancybox-group="gallery" title=""><img src="../images/main/pro01.jpg" alt="" /></a><h1>dd</h1><h2>aa</h2> </div> </div> </div>
css
.원하는클래스명{float: left; width: 268px; margin-right:20px;}
이걸 뜻하시는건가요?
main.css가 css폴더 내에 있다 가정하면
페이지 상단에
include_once(G5_CSS_PATH."/main.css"); 하시면 main.css의 스타일 내용이 적용됩니다.