부트스트랩 Navbar에서 hover 색상이 dropdown에만 적용되는 이유

Question

/* 네비게이션 영역 */ .navbar { /*배경 색상*/ background-color: #fff; border-color: #000; } .navbar-nav li a:hover { color: #52a3a3; background: #fff; } .navbar-nav .nav-item a:hover { color: #52a3a3; background: #fff; }아래는 html 코드에요

hackchoom · Accepted Answer

두번째 줄을 먼저 보시면.navbar-nav li a:hover { color: #52a3a3; background: #fff; }nav-item에 적용을 원하시는 거라면 왜 저렇게 쓰셨는지 모르겠습니다..navbar-nav li:hover 를 쓰시면 됩니다.nav-item 에 hover 를 했을때 a가 변하게 하고 싶으면nav-item:hover a { backgroun: #fff }이런식으로 작성하시면 될 것 같습니다. 위아래 구문이 동일한 거네요. >를 사용해보세요. .navbar-nav > li a:hover 를 하면navbar-nav 자식인 li 중 그 안에있는 a를 hover 했을 때 a가 바뀐다라는 말이죠. .navbar-nav > li > a:hover 는 따로따로 노는 겁니다. 위와는 조금 다릅니다. 한번 해보시길 바래요~

Bear · Answer

답변 넘 감사합니다!!!

부트스트랩 Navbar에서 hover 색상이 dropdown에만 적용되는 이유

2개의 답변

Q&A 목록