Mozilla 한국 커뮤니티

간만에 질문을 올려봅니다 문제가 뭔지 잘 몰라서 제목도 엉망이에요

http://dych.byus.net/blog/
http://dych.byus.net/zboard/zboard.php?id=bbs
두 주소가 있는데 왼쪽에 있는 메뉴들(교회안내, 예배/모임 등)이 left안에 들어 있고, list로 정렬해 놓았습니다. 그런데 제로보드와 css가 겹쳐서 그런 것인지 두 주소에 있는 메뉴의 모습이 다릅니다. 둘 중 하나로 통일하고자 하는데 어떻게 수정해야 좋을까요?

blog 에서는 blog/styles-site.css 를 사용중이고
게시판에서는 blog/styles-site.css와 skin/skinname/style.css를 같이 사용하고 있습니다.

위 사이트의 css 스타일을 보았습니다.
id와 클래스의 상속에 대해 좀더 연구해보세요.
상속받지 않고 .class{} 이런식으로 쓰는 클래스가 많아지면 나중에 스타일이
엄청 꼬입니다.

a {color:#69c;text-decoration:underline;}
a:hover {color:black;}
a:name {color:red; text-decoration:none;}

여기서 a:name가 뭐죠? ㅡㅡa 잘못한거 아닌지요?
(잘못된게 아니라면 누구 가르쳐주세요.)

#left라는 ID만의 a태그 스타일을 정하고 싶으신거죠?

한가지 제 스타일을 추천해드리면 전 id는 첫글자 대문자 클래스는 전부 소문자를 씁니다.
#Left .left 이런식으로요.

아래처럼 하시면 님이 원하시는 결과물을 얻으실 수 있으실 겁니다.

#left a{color:#69c; text-decoration:underline;}
#left a:hover{color:black;}

즉 left라는 id를 가진 것 내부의 a태그 스타일을 정하는 것입니다.

<div id="left">
<a href="abc">Link</a> => 'left아이디 안의 a태그'
</div>

a:name은 실수로;;


대충 해결봤습니다. 역시 머리아플 땐 잠자는 게 최고인 것 같네요. 고맙습니다.