div에 있는 button의 스타일을 전부 바꾸고 싶은데
<style type="text/css">
#div.button{
스타일변경
}
</style>
이렇게 하면 안되나요?
답변드립니다.
말씀과 같이 하시면 적용되지 않습니다.
작성하신 소스를 부분 부분 개념적으로 설명 드리면
#div.button 에서
# : 태그의 id값을 가져올때 사용합니다.
예) <div id="mybutton">버튼</div> 일 경우 #mybutton{스타일} 라면 스타일이 적용됩니다.
div : 말그대로 태그 속성입니다.
예) div{스타일} 하시게 되면 해당 페이지의 모든 div에 스타일이 적용됩니다.
.button : .은 태그의 class값을 가져올때 사용합니다. (때문에 button이라는 클레스를 가져오게되겠죠)
예) <div class="button">버튼<div> 일 경우 .button{스타일} 하면 스타일이 적용됩니다.
#(id)와 .(class)의 차이는 id의 경우 페이지당 동일한 id 이름이 있을 수 없는 유일한 속성이며, class는 동일한 이름이 페이지내에 여러개 중복 가능한 속성입니다.
그럼 즐코 되세요.