CSS를 사용하여 한 요소의 호버 효과를 다른 요소로 전달할 수 있나요?

한 요소에 대한 효과가 다른 요소에 영향을 미칠 수 있습니까?

주어진 코드는 이미지의 불투명도를 높이는 동시에 다른 요소의 불투명도를 낮추는 것을 목표로 합니다. 커서가 이미지 위에 있을 때. 이러한 효과는 간단해 보일 수 있지만 CSS만으로는 실행할 수 없습니다.

원하는 효과를 얻으려면 영향을 받는 두 요소가 코드의 하위 요소이거나 인접한 형제 요소여야 합니다.

하위 항목에 미치는 영향

이는 구조화된 요소에 영향을 미칩니다. as:

인접 형제에 대한 영향

이는 HTML 구조에 적용됩니다.

두 경우 모두에서 선택기의 두 번째 요소가 영향을 받습니다.

쿼리에 명시된 특정 요구 사항의 경우 다음과 같은 표현이 가능합니다:

[JS Fiddle Demo](https://jsfiddle.net/)

위 내용은 CSS를 사용하여 한 요소의 호버 효과를 다른 요소로 전달할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!