미디어쿼리를 사용할 때 이미지를 교체할 경우가 있다.
#id img{
content: url("image.png");
}
# id 자식 요소 중에 img가 있다면 image.png로 이미지를 노출한다.
하지만 이 방법은 아직 추천하지 않는다.
크롬 조차 제대로 작동하지 않을 때도 있고 css3이다보니 제대로 안보여지는 경우가 많다.
알아두면 좋은 정보니까 메모!
img[data-src-desktop] {
content: attr(data-src-desktop, url);
}
위 방법도 있다고 하니 참고!