CSS 또는 자바 스크립트 추가 : 선을 완료하려면 마우스를 올리면 스타일이 적용됩니까?

Question

나는 여러 줄의 코드 묶음이있는 PRE 태그를 가지고 있습니다. 사용자가 회선을 가리키면 호버 스타일을 적용하고 싶습니다.

CSS 또는 자바 스크립트를 사용하여이 작업을 수행 할 수있는 방법이 있습니까? 나는 보았다 : 첫 번째 라인과 아무것도 찾을 수 없습니다.

아이디어가 있으십니까?

Answer 1

각 줄 주변에 <span class="changeonhover"> 태그를 사용해야하고 그 효과를 나타낼 수 있습니다.

Answer 2

사전 태그는 배열을 덤핑하는 좋은 방법입니다. 실제 배열이나 데이터를 표시하는 가장 좋은 방법은 아닙니다.

당신이 CSS에서 그것을하고 싶은 경우

: 는 사업부

.prediv a:hover{ 
    background-color:blue; 
} 

그리고 사용 감아 :

<div class="prediv"><a href="#"><pre>CONTENT</pre></a></div> 

이것은 라인으로 라인을 전체 컨텐츠를하지 가져 것입니다. 내 제안은 ul li 태그를 사용하고 JavaScript에서 for 루프를 수행하고 li을 li로 덤프합니다.

희망이 도움이됩니다.