css 질문좀 드리겠습니다
본문
안녕하세요 질문좀 드리겠습니다.
a태그 마우스 오버시
길이100% 배경 000으로 나오게 하는 방법좀 알려주시면 감사하겠습니다 ㅠㅠ.
답변 4
<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:#fff;display:block;}
이렇게 하심 되요.
그럼
a:hover{width:100%;background:#fff;display:block;}
이렇게 한후에요
만약에 .test 라는 걸만들어서요 .test{width:100%;background:#fff;}
를 마우스를 a태그에 가져다갈시 test css를 보여주게 할려면 어떻게 해야하죠 ㅠ?
a:hover .test {background: #000; ...}
a태그에 마우스 오버시 test변화 이건가요?
a태그에 마우스 오버시 test변화 이건가요?
a:hover {width:100%; background-color:#000000}
답변을 작성하시기 전에 로그인 해주세요.