1
일부 간단한 CSS 버튼에 대해 작업하고있는 프로젝트가 있으며 해당 드롭 다운 메뉴를 만들기 위해 노력했습니다. 문제는 하위 메뉴에서 항목을 클릭하면 그 위에있는 모든 상위 항목도 활성 상태로 이동한다는 것입니다. 부모 셀렉터를 사용하려고했으나 존재하지 않습니다. 데모 페이지는 http://jsfiddle.net/td7bk/4/입니다.CSS 드롭 다운 메뉴 (하위 요소가있을 때 부모 요소가 활성 상태가되지 않도록)
감사합니다.
편집 : 지금은 데모가 -moz-transition 및 -moz-box-shadow 속성과 border-radius 속성을 사용하기 때문에 Firefox와 완전히 호환됩니다.
나는 자바 스크립트를 사용하지 않고 어떻게 할 수 있는지 보지 못했다. 왜냐하면 당신은 엄밀히 말하면 선택된 모든 버튼들 위에 마우스를 올리고 기술적으로 같은 클래스를 가지고 있기 때문에 그것들 모두를 클릭하기 때문입니다. 어쩌면 레벨 사이의 클래스를 나눌 수 있을까요? – tedski
전환을 .anibutton에 놓지 마십시오. 모든 학부모는 수업을 듣기 때문에 모두 변화를 겪습니다. 대신 내용에 적용하십시오 (포장해야합니다). – mrtsherman
누구나 쉽게 사용할 수있는 코드를 만들려고했지만 목록의 각 레벨을 다른 클래스 (스타일을 지정하고 표시하고 숨기는 것을 제어해야 함)로 만들면 훨씬 더 복잡해집니다. 또한, 나는 그것이 효과가 있다고 생각하지 않는다. 나는 다른 드롭 다운 메뉴의 CSS 코드를 살펴 봤는데, 분명히 내 문제가 없습니다. 나는 이유를 알 수 없다. – Ian