html 태그 안에 CSS hover를 사용하는 방법은 무엇입니까?

<li style="hover:background-color:#006db9;">

을하지만 늘 작동합니다. 어떤 방법으로 이것을 수행 할 수 있습니까, 또는 머리 또는 외부 CSS 문서에 CSS를 작성해야합니까?

2009-12-02 Johan

style 속성을 사용할 수 없습니다. 문서 자체 나 외부 파일에서 CSS를 사용해야합니다.

li:hover { background-color:#006db9; }

그렇다면 JavaScript를 사용해야합니다.

2009-12-02 17:37:41

그 pseudoclasses가 모든 브라우저에서 작동하지 않습니다 언급처럼, 낙타 표기법을 사용하여 자바 스크립트로 변환 할 필요가 . 신뢰할 수있는 유일한 리조트는 JS입니다. – BalusC

동의. 불행히도 이것은 진실입니다 : ( –

) 지원하지 않는 브라우저 (중도 현재) : IE 7 이외의 호버 –

AFAIK 이것은 자바가 없으면 인라인으로 처리 할 수 없습니다. 이미 제안한대로 머리 스타일이나 외부 스타일 시트에 넣어야합니다.

본문의 <style> 태그는 내가 아는 모든 브라우저에서도 해석되지만 유효하지 않으므로 권장되지 않습니다.

2009-12-02 17:35:26

AFAIK 인라인 CSS에는 의사 클래스 (: 호버, 활성 : 등)를 사용할 수 없습니다.

a.hoverable:hover{background-color:#006db9}

아니면 그냥 사용할 수 있습니다 대신 그냥 당신이 <a href="#" class="hoverable"> 다음이 파일의 상단 또는 외부 CSS 파일에이 스타일을 놓여져 앵커 태그에 둥지를 수있는 <li>을 갖는

2009-12-02 17:39:16 Lucas

앵커 태그 사용을 피하기위한 자바 스크립트입니다.

JQuery을 권해드립니다.

2009-12-02 17:39:32 Isaac

인라인 스타일에서는 가능하지 않지만 유명한 inmouseover/onmouseout 이벤트 처리기는 동일한 작업을 수행 할 수 있습니다.

<li onmouseover="this.style.backgroundColor='#006db9'" onmouseout="this.style.backgroundColor=''">

경고 : 하이픈 CSS 정의는 (CSS) 배경 색상 = (자바 스크립트)의 backgroundColor하지

2009-12-02 17:46:57 Residuum

답변