CSS가 요소에 적용되지 않았습니다.

-3

CSS를 배우고 있으며 알아낼 수없는 예제로 바쁩니다. 녹색의 'active'요소를 배경으로 사용하고 싶습니다. 요소는 탐색 메뉴의 링크입니다.CSS가 요소에 적용되지 않았습니다.

This is the HTML content of the element

And here is the CSS

당신은 나에게, 내가 뭘 잘못했는지 그래서 내가 그것을 배울 수 알려 주시기 바랍니다 수 있을까요?

고맙습니다.

2016-12-31 Spanhaak

실제 코드는 게시하지 않습니다. –

귀하의 경우에만 수업을 타겟팅해야합니다. 스타일 규칙이 유효하면이 스타일이 다른 스타일 규칙에 의해 과도하게 한정되지 않는지 확인하십시오. 또한,'a' 엘레멘트가'background-color'처럼 선언 된 자신 만의 스타일 규칙을 가지고 있지 않은지 확인하십시오. 미래에 코드를 볼 때 코드를보고, 문제를 재현하고, 더 나은 지원을 제공 할뿐만 아니라 우리에게 가치있는 코드를 제공 할 수 있도록 코드 스 니펫을 최대한 활용해야합니다. 귀하의 문제를 해결하고 해결할 시간을 가지십시오. – UncaughtTypeError

@ Spanhaak 내 문제를 해결했다고 생각합니다. 내 대답을 참조하십시오. – ab29007

배경에 li 요소의 배경을 설정했지만 a 태그는 그 위에 있습니다. 대신 다음을 사용하십시오 :

li.active a{ 
    background-color:#00CC33; 
    color:blue; 
    border-color:#00CC33; 
}

출처

2016-12-31 14:09:33 ab29007

@ Spanhaak 나는 이것이 당신의 질문을 해결할 것이라고 생각합니다. 그렇다면 내 대답의 왼쪽에있는 체크 상자를 클릭하여 내 대답을 수락하십시오. – ab29007

고마워 KittyCat! – Spanhaak

클래스를 사용하는 경우 #active 대신 .active를 사용해야합니다. #를 사용하면 클래스가 아닌 ID를 나타냅니다.

출처

2016-12-31 14:05:51

Christopher에게 감사의 말을 전합니다. – Spanhaak

CSS가 요소에 적용되지 않았습니다.

답변

관련 문제