2013-08-22 16 views
0

내비게이션 막대의 스타일을 지정하는 스타일이 있지만 웹 사이트의 다른 모든 링크를 스타일링하므로 div의 "메뉴 모음"을 선택기의 infront로 정의했습니다. 링크 및 방문 셀렉터가 있지만 웹 사이트의 모든 링크 스타일을 지정합니다. 모든 솔루션을 크게 주시면 감사하겠습니다.스타일 스타일 링크가 없어야합니다.

CSS :

#menubar a:link, a:visited 
{ 
    border-top-width: 1px; 
    display: block; 
    font-weight: bold; 
    color: #000000; 
    background-color: #EFF1EB; 
    width: 180px; 
    text-align: center; 
    padding: 4px; 
    text-decoration: none; 
    text-transform: uppercase; 
    border-style: solid; 
    border-color: #638529; 
    font-family: Arial, Helvetica, sans-serif; 
    border: 1px; 
    position: fixed; 
} 

답변

2

당신의 선택이 하나의 변화 잘못된 :

#menubar a:link, #menubar a:visited /* width #menubar after the comma */ 

귀하의 초기 선택이, #menubar a:link, a:visited 의미 : "전체의 #menubar에있는 모든 링크 및 모든 방문한 링크를 문서". 쉼표는 완전히 새로운 선택기를 시작하므로 부모를 두 번째 선택기에도 포함해야합니다.

+0

고마워요. 작동합니다. – Rob

+0

@Rob이 도와 드리겠습니다. :) –

1

@ Yotam이 옳다고 생각합니다.

또 다른 아이디어는 어떻게 디버깅 할 수 있습니다. 파이어 폭스에서 웹 개발 툴바를 사용합니다. 그것은 많은 도구를 가지고 있으며, 하나는 페이지를 검사하는 것입니다. 하나를 사용하여 스타일을 볼 수 있습니다 (3D보기를 좋아합니다), 거기에서 html 요소를 누를 수 있습니다. 페이지 옆에는 스타일 시트 정의가 나열됩니다. 순서에 따라 활성 스타일이 표시됩니다. 맨 위가 활성 상태이고 그 밖의 모든 것이 더 낮고 덮어 씁니다.

이 경우 원하는 단추가 올바른 정의인지 확인할 수 있습니다.