채택완료

css 질문좀 드리겠습니다

2017-01-26 (목) 00:27:39 2,536

안녕하세요 질문좀 드리겠습니다.

a태그 마우스 오버시 

길이100% 배경 000으로 나오게 하는 방법좀 알려주시면 감사하겠습니다 ㅠㅠ.

|

답변 4개 / 댓글 1개

채택된 답변
+20 포인트
2017-01-26 (목) 02:11:12

<style>

a{color:#000;}

.test{font-size:300%;}

</style>

<a href="#">메롱</a>

<script>

$('a').hover(

       function(){ $(this).addClass('test') },

       function(){ $(this).removeClass('test') }

)

</script>

a:hover {width:100%; background-color:#000000}

2017-01-26 (목) 12:57:42
a:hover .test {background: #000; ...}

a태그에 마우스 오버시 test변화 이건가요?

a:hover{width:100%;background:#fff;display:block;}

이렇게 하심 되요.

답변에 대한 댓글 1개

그럼
a:hover{width:100%;background:#fff;display:block;}
이렇게 한후에요
만약에 .test 라는 걸만들어서요 .test{width:100%;background:#fff;}
를 마우스를 a태그에 가져다갈시 test css를 보여주게 할려면 어떻게 해야하죠 ㅠ?

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