답변 2개
두 샘플을 보시면 이해가 빠르실 겁니다.
SAMPLE1.
<style>
#abc{padding:10px;} // id 앞에 #
.def{padding:10px;} // class 앞에 .
</style>
<div id='abc' class='def'></div>
======================================
SAMPLE2.
<style>
#abc .def{padding:10px;} // id가 abc인 element 안의 클래스가 def인 요소
</style>
<div id='abc'>
<div class='def'></div>
</div>
댓글을 작성하려면 로그인이 필요합니다.
id ( # ) 는 페이지에서 같은이름을 쓸수 없고,
class ( . ) 는 여러번 쓸 수 있어요.
id는 유일한
class 는 공통적으로도 쓸 수 있는
그리고 # 뒤에 . 을 붙이는것이 원래 그런것이 아니고
자식 요소를 가리킨다. 는 의미 입니다.
#test_id .test_class { width:100px; }
이렇게 있으면
<div id="test_id">
<div class="test_class">
</div>
</div>
#test_id 의 자식인 .test_class 의 가로폭은 100px로 해라.
그런식이에요
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인