首頁 > web前端 > css教學 > 主體

您可以單獨使用 CSS 來設定錨定連結內特定單字的樣式嗎?

DDD
發布: 2024-11-17 14:50:02
原創
115 人瀏覽過

Can You Style Specific Words Inside Anchor Links with CSS Alone?

基於內容設定錨點樣式

問:是否可以單獨使用CSS 對錨點連結中包含的特定單字套用獨特的樣式?

答:很遺憾,沒有。提議的 CSS3 選擇器 :contains 不屬於目前 CSS3 選擇器工作草稿的一部分。因此,JavaScript 是達到預期效果所必需的。

例如,可以使用下列 JavaScript 程式碼:

Array.from(document.links).forEach(link => {
  if (/\bSpecificWord\b/i.test(link.innerHTML)) {
    link.style.color = 'red';
  }
});
登入後複製

HTML 範例:

<a href="#">SpecificWord</a>
<a href="#">OtherWords</a>
登入後複製

以上是您可以單獨使用 CSS 來設定錨定連結內特定單字的樣式嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板