溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
CSS中怎么指定外部鏈接的樣式，相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
大部分的信息類網站,比如維基百科,都會對外部鏈接(<a>標簽)指定特定的樣式.作為用戶,一眼就知道該鏈接是指向另一個站點的資源是很好的體驗。許多網站在服務器端做外部鏈接檢查,添加一個`rel=external` 的屬性值,或者對外部鏈接添加一個 'external' 的 class。有時候這是不可能的或不好用的。在網上閑逛之后,我發現以下對外部鏈接很有用的CSS樣式代碼:
a[href^="http://"]:not([href*="mysite.com"]),
a[href^="https://"]:not([href*="mysite.com"]),
a[href^="//"]:not([href*="mysite.com"]), {
/* 外部鏈接的樣式, 如果需要,也可以使用 :before 或 :after 偽類! */
}請注意,可能在某些瀏覽器上需要 對CSS規則添加瀏覽器特定前綴.
必須先限定鏈接的協議的起始字符,然后限定域名。讓內部鏈接不會匹配,而外部鏈接匹配該正則。
看完上述內容，你們掌握CSS中怎么指定外部鏈接的樣式的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
