CSS小技巧 如何用CSS語法簡單禁用href的鏈接　

Sangui Family網站採用了大量的圖片訴說每個小故事，而為減輕伺服器的空間和壓力，幾乎九成以上的圖片是嵌入自我們的Flickr帳號。

由於嵌入Flickr的圖片會自動產生鏈接，我便使用了以下語法來禁用鏈接，方便訪客閱讀文章不會誤觸圖片而被傳送至Flickr相簿。

Sample

.wp-block-embed-flickr {
  pointer-events: none;
}

使用pointer-events屬性，可以控制HTML element來影響cursor/觸摸事件，包括hover/active等狀態。

none則是用來阻止HTML element上所有click、state和cursor選項，一旦用上，所有一切包括hover/active等狀態都會被禁用。

雖不完美，能派上用場就好。

參考資料
pointer-events | CSS-Tricks (css-tricks.com)