2016-09-13 4 views
0

호버시 BG 색이 변경되고 테두리 오른쪽이 0-7px에서 커지게되는 목록 항목이 있습니다. 목록 항목에는 클릭시 콘텐트를 켜고 끌 수있는 라디오 입력에 대한 레이블이 있습니다. 테두리가 커지면 레이블이 밀려납니다.여러 CSS 이벤트 트리거

는 라벨의 z-index을 변경하는 또 다른 css 이벤트를 트리거하는 동안, 호버에 그 X와 Y는 목록 항목에 일어날 속성을 지정할 수 있습니까?

+2

A [mcve] 코드의를 제공하십시오. – Shaggy

답변

1

일반적으로 한 요소 위로 마우스를 가져 가면 인접 요소에서 동작을 트리거하지만 더하기 기호 만 사용하면됩니다. 예를 들어, 간단한 작업, 예를 들어이 codepen 밖으로

.hoverable:hover + .actionable { 

점검 : http://codepen.io/Joi/pen/VKZqAX

+0

그러나 개별 조각에 두 가지 다른 효과를 줄 수 있습니까? –

+0

예, 두 개의 별도 규칙 (기본적으로 각 요소 유형의 규칙) 만 있으면됩니다. 내가 codepen alittle 비트를 수정하여 내가 div 위로 가져 가고 다른 것을 바꿀 수있는 방법을 확인할 수 있습니다. – theJoi