有次有個需求需要在不同的裝置，在 img 標籤內更換 src 的圖片來源，來達成圖片切換的效果，一開始心想這應該要透過 javascript 才可以達成吧！
但保持好奇心，想說如果純 CSS 有沒有可能達到，意外的在網路上看到 這篇討論 於是發現真的可以於是寫成筆記，把它記錄下來！
希望可以幫助到同樣有這種需求的朋友，閒話少敘直接開始示範 demo
HTML
這邊示範的做法是在 img 標籤內放一張圖片，讓他在手機畫面時呈現 src 內的圖片。
CSS
在 CSS 這邊就只要在解析度 768px 以上時，就使用下面這樣的語法達成！
重點就在於使用 content 去做 url 的替換。
以上就是簡單達成用 純 CSS 達成 img 圖片替換的方法，供大家參考！
但會不會有其他瀏覽器不支援這種寫法，因為還沒有去做測試，如果有人有其他回饋的話，歡迎下方留言互相討論。
