Interaction_javascript 기술에 js css 적용

target.style.display = "none"
}, false) ;
}


한 달 전 접근 방식은 아마도 다음과 같았을 것입니다. #nav > ul에 직접 이벤트를 추가하고 이벤트에서 대상 개체가 h3 개체인지 확인합니다. 그렇다면 다음 형제 노드를 가져오고 표시 상태에 따라 표시 속성을 수정합니다.
코드는 대략 다음과 같습니다.




코드 복사

else
list.style.display = "none";
　}
}, false)


두 가지 방법 중 어느 것이 더 나은지 스스로 결정하세요.
얼마 전에 요청을 했고 코드에서 또 다른 아이디어를 보았습니다. 이것이 제가 여기서 이야기하고 싶은 것입니다. CSS를 사용하여 상호 작용을 완료하는 것입니다.
아직 코드:
CSS 코드:

코드 복사

　　　target.className = "";
　　}
　}
},


코드를 보면 세 번째 방법도 두 번째 방법과 거의 비슷한 것 같습니다.
그럼~~ h3 요소를 클릭하면 다음 ul 요소의 표시 상태가 변경될 뿐만 아니라 h3의 배경 패턴도 변경된다면 어떨까요?
이때 두 번째 방법은 h3의 배경 속성에 따라 값을 수정해야 하고, 세 번째 방법은 스타일만 추가하면 됩니다: #nav li.menu h3{Background:url(...)} .

더 이상 할 말이 없습니다. 모든 사람은 자신의 판단을 가지고 있으며, 어느 것이 더 좋고 어느 것이 더 나쁜지에 대한 판단이 있습니다.

PS:
페이지에 스타일에 영향을 미치는 다른 스타일 시트가 있는 경우 우선순위 문제가 발생합니다. 우리 모두는 ID, 클래스, 태그의 우선순위를 알고 있지만 표현식의 우선순위는 어떻게 계산됩니까?
Google에서 검색하거나 "CSS 우선순위 다시 "를 먼저 살펴보세요.