채택완료

css 다른클래스 작동

2018-02-23 (금) 02:49:19 2,710

menu .menuul li 에 오버시 submenu .subli  같이 작동하고 싶은데 둘다 값이 틀린데 css 만으로 가능한가요?

#menu .menuul li:hover {background:#2067c1; color:#fff}

#submenu .subli:hover {background:#fff}

|

답변 3개

채택된 답변
+20 포인트

#menu .menuul li:hover {background:#2067c1; color:#fff}

#menu .menuul li:hover #submenu .subli {background:#fff}

이렇게 하면 될듯합니다.

하나의 공통 클래스를 추가로 지정해준 뒤, 적용해주는 방법이 있습니다.

<li class="aaa">~

  <li class="subli aaa">~

.aaa:hover{background:#2067c1; color:#fff}

jquery로 처리하셔야 할 듯 싶네요.

답변을 작성하려면 로그인이 필요합니다.