호버 효과 선택된 아이의

Question

내가이 안에 모든 div의에 호버 효과를 적용 할 때 잘 나는이 코드를 사용할 수 있다는 것을 알고 :

.well:hover div { 
 
    background-color:green 
 
}

를하지만 지금 내가 원하는 이 우물 안에서 바라는 div에만 호버 효과를 적용하십시오. 어떻게 지정할 수 있습니까? 나는이 같은 시도 :

.well:hover div1,div2,div9 {}

을하지만 나던 바로 보인다. 그것을하는 방법?

Answer 1

, 각 항목은 별도의 선택은 다음 잘 당신이 영향을 다음 CSS를 추가 할 내부

Answer 2

어쩌면 나는이 권리를 읽지 않을 것이지만, 귀하는 CSS 선택기로 .well div:hover을 사용하여 해당 div에 개별 마우스 오버 효과를 적용하고 싶을 것입니다.

그래서 당신이 그것을 수행해야합니다 쉼표를 사용하는 경우

.well .my-hover-class:hover { 
    /// do something 
} 

Answer 3

div의에 클래스를 추가 예 : .well:hover div1, .well:hover div2, .well:hover div9 { /* your styles here */ }

전처리기를 사용하지 않는 한 이것을 단축 할 수 없습니다.