div 요소의 내부 이미지가 다른 div 요소를 가져 왔을 때?

Question

그래서 CSS이 가능합니다 :

#Something1:hover .Something22 {...} 

을하지만 이런 식으로 넣어 때

#Something1 img:hover .Something22 {...} 

이 작동하지 않습니다. 이것이 단지 이미지에 가능한가?

Answer 1

#Something1 img:hover .Something22 {...} 

클래스 Something22와 요소가 img 요소 내부에 의미 할 것입니다. 이것은 유효하지 않습니다.

클래스 Something22와 요소는, 어쩌면 당신이

#Something1 img:hover + .Something22 {...} 

를 원하거나 이미지가 클래스 Something22 인 경우에, 당신이 필요 단지 이미지 이후 인 경우 :

#Something1 img.Something22:hover {...} 

Answer 2

후자 나던 img 요소에는 결코 하위 항목이 없어 질 수 있습니다. 그것은 단지 잘못된 HTML입니다.

보이드 요소 콘텐츠 모델을 결코 는 어떠한 경우에도 내용이 그것을 할 수없는 요소는 다음과 같습니다

는 HTML 구문에 spec에게 (강조 광산)를 인용합니다. Void 요소는 특성을 가질 수 있습니다.

영역,베이스, BR, COL, 명령, 삽입, HR, IMG, 입력 Keygen은 링크, 메타, PARAM 소스 :

되는 HTML에서 보이드 요소의 완전한 목록은 다음과 트랙, WBR

Answer 3

처음 선택하기 때문이다 :

#Something1:hover .Something22 {...} 

를 갖는 소자 내부 클래스 Something22 가진 항목을 선택 신분증 Something1.

두 번째 클래스는 이미지 안에있는 Something22 클래스의 항목을 선택합니다. 이미지에는 다른 요소가 포함될 수 없으므로 두 번째 선택기가 작동하지 않습니다.

Answer 4

글쎄, 당신은

$('#Something1 img').hover(
    function(){ 
     // do you stuff with Something22 here 
    }, 
    function(){} 
); 

jQuery를 사용할 수 있습니다