테스트 사이트 - 개발 중인 베타 버전입니다

고수님 a:hover 질문~!!

TTMM 7년 전 조회 3,542

visited, hover 같은 링크 관련 명령를 해당 클래스 외에 추가로 다른 클래스에도

동시에 추가 동작을 주고 싶은데 기본 css만으로 처리하는 방법이 있을까요?

 

예로 .test 클래스에 감싼 a링크에 마우스 hover 시 컬러를 레드로 하고

동시에 다른 클래스 .text111 요소도 레드 컬러로 전환하는 방법.

 

a링크안에 .test, .text111 같이 두고 감싸면 되겠지만

사정상 같이 둘수는 없거든요.

 

추가 개발 없이 css만으로 별도의 클래스에 같은 visited, hover 효과를 주는 방법 있을까요?ㅜㅜ

 

 

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

답변 2개

e
7년 전

그건 jQuery 를 이용해서 addClass 로 클래스를 추가해주면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

T
TTMM
7년 전
jQuery 사용안하고 css만으로도 가능한 방법이 있나 물어본건데, css만으로 방법은 없나 보군요^^

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

f
7년 전

.test a:hover, .text111:hover {color:#코드;}

쉼표(,)로 구분해서 여러개의 클래스에 동시에 css를 적용할 수 있습니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

T
TTMM
7년 전
아. 같은 css를 여러 클래스에 같이 적용하는 질문이 아니고요.

.test 클래스에 마우스 hover 시 .test 클래스와 함께 .test111 클래스도 같이 액션하는 방법 질문이네요.

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

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

로그인