a태그 hover시에 이전 형제 CSS 적용하는 방법

Question

div a { color: #fff; } div > a:hover+a, div > a+a:hover { color: #aaa; }안녕하세요 선배님들. 궁금한 게 있어서 질문 올립니다.위와 같은 HTML 태그가 있고, 기본적으로 a 태그 폰트 색상은 하얀색인데요.1) 1번 선택에 마우스를 올리면 2번 선택의 폰트 색상이 흐려지고(#aaa),2) 2번 선택에 마우스를 올리면 1번 선택의 폰트 색상이 흐려지게(#aaa) 만들려고 합니다.그래서 위와 같이 CSS를 적용했는데 + 선택자는 바로 다음에 오는 형제만 선택 가능하더라고요.그래서 1) 경우가 적용이 되지만 2) 경우는 적용이 되지 않았습니다.javascript로 해결하면 간단하지만, CSS 한줄로도 가능할 것 같아서 포기를 못하겠네요.혹시 어떻게 작성해야 할까요?

doooss · Accepted Answer

힌트만 남기겠습니다. css 선택자 중에 ~ 도 있습니다. (모르는 사람 많음) 해당 선택자 사용해 보시면 될 것같습니다.

a태그 hover시에 이전 형제 CSS 적용하는 방법

1개의 답변

Q&A 목록