CSS 다중 의사 선택기 및 물결표, 방법

나는이 CodePen을 사용하여 드롭 다운 사이드 바를 테스트합니다. 숨김 input 체크 박스 유형을 클릭하면 JS, 일반 CSS 만 사용하고 표시/숨기기 ul. 그것은 보여주기 위해 ul을 선택에서/숨기기 때문에이 모든 UL을 선택 dropdown input:checked ~ ul 올바른 선택 을 적용하는 데 도움이 필요 체크 입력CSS 다중 의사 선택기 및 물결표, 방법

에서 같은 수준에있는 모든 ul을 선택 제외하고 작동하지만이 dropdown input:checked ~ ul:first-child은 선택하지 않습니다 어떤!

코드는 http://codepen.io/Duval_Ruilova/ 사용할 수 here

감사하다

출처

2016-07-03 Santi

질문 코드 찾기 도움말에는 문제 자체 **를 재현하는 데 필요한 가장 짧은 코드가 포함되어야합니다. [** 사이트 또는 예제 링크 **]를 제공 했음에도 불구하고 (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work 그 링크가 유효하지 않게 될 경우 같은 문제를 가진 다른 미래의 SO 사용자들에게는 아무런 가치가 없을 것입니다. –

그

가 대신 특별히 의미하는 input + label + ul을 사용하여 "UL 인증"입력 후 오는 모든 UL "를 의미로 input ~ ul를 사용하지 마십시오 그것은 입력 뒤에 레이블이 붙은 것입니다. "

출처

2016-07-03 15:48:49

CSS 다중 의사 선택기 및 물결표, 방법

답변

관련 문제