CSS 선택기를 통해 dom 객체의 상위 클래스 변경

CSS 선택기를 통해 마우스 오버 이벤트에서 일부 dom 객체의 상위 클래스를 변경할 수 있습니까? 예를 들어 는 I는 블록 가지고CSS 선택기를 통해 dom 객체의 상위 클래스 변경

<span class="wBlock" > 
    <span class="wText">Text</span> 
    <span class="wLink"/> 
<\/span>

난 "wLink"스팬 "WBLOCK"를 걸쳐 마우스를 이동하는 경우와 변경되어야하고 난 시작에서대로 동일해야보다 밖으로 이동하면

.wLink{ 
padding-right:15px; 
background:url(/img/addlink.png) center right no-repeat; 
cursor:pointer; 
} 
.wText{ 
    background-color: #1BE968; 
}

그것은이 alt text http://img192.imageshack.us/img192/5718/capturehlk.jpg 같은 그리고 나는 내 커서를 이동 플러스 경우 텍스트 하이라이트는 당신이 CSS에서 할 수 없어 보라 노란색

출처

2010-05-06 Le_Coeur

우리가 도울 수 있도록 일부 CSS도 표시하십시오. 스팬은 정의에 따라 인라인 요소이므로 표시를 차단하거나 인라인 블록으로 설정하지 않으면 작동하지 않습니다. – Kyle

좋아,하지만 그것은 또한 일반적인 질문으로 :) –

로 변경해야합니다.

스타일을 적용하기 위해 JS 해킹을 사용하지 않도록 HTML을 재구성하는 것이 좋습니다.

출처

2010-05-07 01:50:11

CSS 선택기를 통해 dom 객체의 상위 클래스 변경

답변

관련 문제