css 문의드립니다.
본문
아코디언 메뉴를 사용중인데요..
<ul> <!--1번 ul -->
<li class="active">test</li>
</ul>
<ul> <!--2번 ul -->
<li>test</li>
</ul>
이런식으로 되어있습니다.
li안에 .active 활성화시
딸려 있는 1번 ul 에만 display:block 을 줄 수 가 있나요?
밑에 있는 2번 ul은 영향이 없구요...
답변 2
li에 active를 주는 스크립트 소스가 있을텐데
1번 ul과 2번 ul을 클래스를 따로 선언하시어서 1번 클래스에만 아코디언이 적용되도록 하셔야 할 것 같습니다.
자세한건 소스를 봐야 알 수 있겠네요
css 우선순위로 제어를 할 수 있는데요.
작업된 url 을 보여주시면 정확한 답변 가능합니다.
예측으론
ul > li.active {display:block;}
이런식으로 제일 처음것에만 적용할 수 있는 우선순위로 작업하시면 됩니다.
ul 도 첫번째 조건을 ul:first-child 혹은 그 윗 부모의 class 에 > 이걸 우선순위로도 둘 수 있습니다.
답변을 작성하시기 전에 로그인 해주세요.