Onmouseover DIV, 이미지 테두리 색상 변경

Question

이미지가 들어있는 DIV를 가리키면 이미지 테두리 색상을 변경하는 데 도움이 필요합니다. 이렇게 간단해야하지만 시작하는 방법은 확실하지 않습니다. 내 (간체) 코드는 다음과 같습니다

#tilesImage { 
    padding: 2px; 
    border: 1px solid white; 
} 

#tilesImage:hover { 
    border: 1px solid #3498db; 
} 


<Div><img id="tileImage" src="img.png">Image description</Div> 

내가 전체 사업부를 가져 가면 이미지의 테두리 색상을 변경할 수 있도록하고 싶습니다. 이제 이미지를 가져 가면 이미지 테두리의 색상을 변경할 수 있지만 텍스트를 가져 가면 동일하게 적용해야하므로 DIV를 onmouseover 이미지 테두리 색을 변경해야합니다.

누구나 여기서 좋은 생각을 가진 사람이면 누구나 가장 쉽게 해결할 수 있습니다. 이것은 자바 스크립트를 추가하면 좀 더 복잡해지기 때문에 워드 프레스 블로그입니다.

Answer 1

더 구체적으로 귀하의 divid 또는 class 수 있도록 당신의 선택을 보내기

<Div id="parentDiv"><img id="tileImage" src="img.png">Image description</Div> 

는 다음 사용할 수 있습니다

#parentDiv:hover img { 
    border: 1px solid #3498db; 
}