json에서 css로 데이터를 전달하는 방법은 무엇입니까?

img> auto_active.png ,auto_inactive.png

같은 일부 이미지는 또한 내가 원하는

<div class="india"> 
<img src="{{key}}_active.png" 

</div>

같은

[ 
{"key":auto}, 
{"key":car} 
]

및 HTML과 같은 JSON 파일이 호버상의 이미지를 변경하여 이처럼 CSS를 사용하고 있습니다.

.india:hover{ 
background-image: url("img/{{key}}_inactive.png"); 

}

하지만이 방법은 css.how와 키를 바인딩하는 용도로는 충분하지 않습니다. jss 키를 CSS로 바인딩하여 호버에 이미지를 바꿀 수 있습니까?

jQuery/JavaScript를 사용하여 페이지의 HTML 요소에서 CSS를 변경할 수 있습니다. –

@devlincarnate': hover' pseudoclass의 스타일을 자바 스크립트에서 변경할 수 없습니다. (적어도 그렇게하는 것은 아닙니다). – GolezTrol

당신의 페어링이 다이나믹하다고 생각합니까? 그렇지 않다면 CSS @ – henry

하지만이 방법은 css.how와 키를 바인딩하는 용도로는 충분하지 않습니다. jss 키를 CSS로 바인딩하여 호버에서 이미지를 바꿀 수 있습니까?

는 auto 및 car에 대해 서로 다른 CSS 클래스를 작성하고 img에 클래스를 전환합니다.

2016-09-06 23:22:00 basarat

답변