jquery .css()를 사용하여 태그를 조작하십시오.

Question

id 이름이 "nav"인 div의 글꼴 색상을 흰색으로 변경해야합니다.

내가 한 :

이 < A> 태그에 싸여되지 않은 모든 텍스트 작동

$("#nav").css("color","white"); 

하지만 그 역시 변경해야합니다.

내가 추가하는 시도 :

$("a").css("color","white"); 

을하지만 그것은 작동하지 않습니다. 나는 또한 시도했다 :

var changeAColor = document.getElementsByTagName("a") 
$(changeAColor).css("color","white"); 

어떤 아이디어 감사.

Answer 1

$('#nav, #nav a').css('color', 'white'); 

은 #nav div의 모든 직접 및 간접 앵커 태그를 선택합니다.

$('#nav, #nav > a').css('color', 'white'); 

은 #nav div의 모든 직접 앵커 태그를 선택합니다.

Answer 2

$("#nav").css("color","white");이 링크 색상을 변경하지 않는 이유는 스타일 시트에서 a 태그의 스타일을 지정하는 선택기가 div 태그에 적용되는 인라인 스타일보다 더 구체적이기 때문입니다. 당신이 당신의 스타일 시트에 다음과 같은 규칙을 추가한다면 당신은 같은 효과를 알 수 있습니다, 링크는 변경되지 않습니다 : #nav { color: white }이

말했다되는 것을 JQuery와 문 $('#nav, #nav a').css('color', 'white');

이 될 것입니다 링크를 포함하여, 모든 텍스트를 변경하는

유일한 방법은 내가 스타일이와 같이 important 선언을 사용 a 태그에 적용했다 경우 문제가 있었다 재현 할 수 있었다 : 어둠 속에서 촬영처럼 보인다 a { color: #0000ff!important; }

,하지만 모든 I입니다 지금은 생각할 수 있습니다 ...