변경 : 배경색 뒤 : before가 마우스 오버

Question

: after 부분을 변경할 수있는 방법 : before 부분이 마우스를 올렸을 때? 설명

이미지가 여기에 있습니다 : 전에 삼각형 :

후 나는 있던 큰 광장이 두 부분은 사각형이 있었다 분리 호버 때 http://www.reshop.co.il/fisha/tab.jpg

가있는 작은 삼각형을 변경해야 어리석은 실수 도움을 주신 덕분에

Answer 1

:before 부분이 무엇이든간에 (당신은 우리에게 아무런 코드도 표시하지 않았고 그 이미지는 마크 업을 설명하지 않습니다), 당신은 그 의사 요소 f를 겨냥 할 수 없습니다. 또는 :hover의 목적. :hover 및 기타 의사 클래스는 의사 요소가 아닌 전체 요소에만 적용될 수 있습니다.

당신이 적절하게 목표로 다음 :hover와 형제 선택기를 사용하여 부모 요소의 하위 실제 요소로 :before 및 :after 의사 요소를 용도 변경 더 좋은 행운이있을 것이다, like so :

<div class="parent"> 
    <span class="before">:before</span> 
    Content 
    <span class="after">:after</span> 
</div> 

.parent > .before:hover ~ .after { 
    color: red; 
} 

Answer 2

이 코드를 보지 않고 정확히 당신이 원하는 것을 말할 어렵지만,이 가까이 당신을 얻어야한다 :

div:hover { 
    // These styles affect the div when hovered. 
} 
div:hover:before { 
    // These affect the div's :before when the div is hovered 
} 
div:hover:after { 
    // These affect the div's :after when the div is hovered 
}