CSS 선택기가 링크 색상을 변경하지 않습니다

Question

HTML 및 CSS 파일이 올바르게 설정되었지만 특정 선택기에 문제가 있습니다.

<span id="bottom_nav_bar"> 
    <a href="#">Link 1</a> 
</span> 

그리고 여기에 CSS :

나는 여기에 HTML을

a#bottom_nav_bar{ color: red; text-align: center; } 

하지만, 내 범위 선택하기되지 않고 나는 이유를 알아낼 수 없습니다. 어떤 아이디어?

Answer 1

이 시도 :

#bottom_nav_bar a{ color: red; text-align: center; } 

Answer 2

대신해야 다음 <a>으로

#bottom_bar_nav a { 
    color: red; 
    text-align: center; 
} 

이이 범위 링크 당신이있어

span #bottom_nav_bar a{ color: red; text-align: center; } 

Answer 3

사용과 <span>의 후손이다 a 요소를 타겟팅하지 않았습니다. CSS 선택기에서 id이 "bottom_nav_bar"인 a 요소의 스타일을 지정하려고합니다. 그러나 HTML에서 범위는이 ID를 가지며 앵커 요소는 범위 내에 있습니다.

는 앵커 태그를 대상으로 CSS 선택기를 변경하려면, 단지 범위를 대상으로 span#bottom_nav_bar에 a#bottom_nav_bar을 변경하려면

#bottom_nav_bar a { color: red; text-align: center; } 

.

선택기에 대한 자세한 내용은 다음을 참조하십시오 http://www.w3.org/TR/css3-selectors/#selectors

Answer 4

를 선택하기 위해 ID bottom_nav_bar

Answer 5

가 작동하지 않을 수 있습니다,이 ID가없는 당신의 연결 ...

이 (가) 태그에 ID를 넣어)