수고하십니다.
다름이 아닌 프론트 페이지 정리 및 jQuery를 이용한 슬라이드 효과의 부분에서 궁금한 점이 있어서 질문 드립니다.
Section 7을 시작하면서 Section6의 의문이듭니다.
다름이 아닌 프론트 페이지 정리 및 jQuery를 이용한 슬라이드 효과의 부분에서 궁금한 점이 있어서 질문 드립니다.
Section 7을 시작하면서 Section6의 의문이듭니다.
이부분이 의문이 드는데요.
일반적으로 레이블에 아이디는 하나만 적용이 되잖아요.
그런데 이전 본문의 내용은 id="front_box" 아이디를 이용한 레이아웃구성입니다.
이럴때 보기의 내용은 네개의 front_box가 적용이되는데, 그렇다면 아이디는 기본적으로 front_box1,2,3,4 이러한 상황으로 진행되잖아요. 아이디의 변경으로 인하여 클래스로 바꾼 상황입니다. 그런데 이후 class=box1이 또 추가 되네요.
어떻게 이해해야 하나요.
일반적으로 레이블에 아이디는 하나만 적용이 되잖아요.
그런데 이전 본문의 내용은 id="front_box" 아이디를 이용한 레이아웃구성입니다.
이럴때 보기의 내용은 네개의 front_box가 적용이되는데, 그렇다면 아이디는 기본적으로 front_box1,2,3,4 이러한 상황으로 진행되잖아요. 아이디의 변경으로 인하여 클래스로 바꾼 상황입니다. 그런데 이후 class=box1이 또 추가 되네요.
어떻게 이해해야 하나요.
2013.05.15 23:32:09 (*.177.57.13)
아! 처음 알았습니다. 아이디 선택자를 클래스 선택자 처럼 반복적으로 사용한다고 해서 문제가 생기지 않는다는 것을요.
우선 명쾌한 답변을 주셔서 감사드립니다.
제가 초보라 기초가 부족한 관계로 따라하면서 배우고 있습니다. 그런데, 하다가 id의 변화와, 그리고 적용후의 결과값이 float : left의 기능을 상실하고 clear :both 같은 상황이 보이더군요.
답변을 읽고, 아 그런데 왜그럴까 하다가 p137페이지 하단 2번째 줄 article #front_box.box1 { border-right : none; }이 의심스러워 확인해보니 오타때문인것으로 확인했습니다.
정렬이 아닌 아이디속성에 바로 붙어서.box1클래스로 도서가 오타가 나있네요.
main.css 에서 article #front_box .box1 { border-right : none; } 수정좀 부탁드립니다.
그럼 오늘 하루 편안한 하루로 마감하시기 바랍니다.
우선 명쾌한 답변을 주셔서 감사드립니다.
제가 초보라 기초가 부족한 관계로 따라하면서 배우고 있습니다. 그런데, 하다가 id의 변화와, 그리고 적용후의 결과값이 float : left의 기능을 상실하고 clear :both 같은 상황이 보이더군요.
답변을 읽고, 아 그런데 왜그럴까 하다가 p137페이지 하단 2번째 줄 article #front_box.box1 { border-right : none; }이 의심스러워 확인해보니 오타때문인것으로 확인했습니다.
정렬이 아닌 아이디속성에 바로 붙어서.box1클래스로 도서가 오타가 나있네요.
main.css 에서 article #front_box .box1 { border-right : none; } 수정좀 부탁드립니다.
그럼 오늘 하루 편안한 하루로 마감하시기 바랍니다.
하지만 아이디 선택자를 클래스 선택자 처럼 반복적으로 사용한다고 해서 문제가 생기진 않습니다.
왜냐하면 박스에 하나의 아이디 선택자만 지정한 상태이고, 해당 박스에 각기 다른 디자인을 위해 클래스 선택자를 이용하였기 때문입니다.
이건 이렇게 해석하시면 편리합니다.
3개의 동일한 박스 모델 공통 속성을 위해 아이디 선택자를 적용했으며, 또한 각기 다른 속성을 지정하기 위해서 클래스 선택자를 적용해 준 것입니다. 실제 이렇게 사용하는 경우도 있습니다.
답변이 되셨는지요?