您可以單獨使用 CSS 根據錨點的內容設定錨點樣式嗎？

針對基於內容的選擇器的CSS 規則

問題是是否可以使用pure 將不同的錨樣式應用於包含特定單字的錨點CSS，包括CSS3。由於技術限制，CSS 本身缺乏根據內容選擇元素的功能。

說明：

雖然「:contains」選擇器曾被提議作為潛在的解決方案，它尚未合併到 CSS3 選擇器工作草案中。因此，僅使用 CSS 根據內容來定位元素是不可行的。

替代方法：

作為解決方法，可以使用 JavaScript 來實現此功能。一種方法是迭代頁面上的所有錨點，並使用正規表示式測試其內部 HTML 是否存在所需單字。如果找到匹配，則可以相應地修改錨點的樣式。

程式碼範例：

以下JavaScript 程式碼示範如何實作此目的：

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

在此範例中，頁面上的所有錨點都會被迭代，並且如果錨點的內部HTML 包含單字「SpecificWord」 （不區分大小寫），則其顏色設定為紅色。

注意：

雖然純 CSS 中沒有直接的解決方案，但 JavaScript 提供了靈活的解決方法來應用基於內容的樣式。

以上是您可以單獨使用 CSS 根據錨點的內容設定錨點樣式嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！