是否可以通過瀏覽器搜索CSS生成的內容？

Question

我經營一個使用CSS偽元素在此處和此處插入文本的網站。 其中之一插入CSS計數器的值（因此，在不注入CSS文本的情況下 ，需要對系統進行大量的重新設計才能做到這一點）。 具體的CSS規則是：

.num_defn .theorem_label:after {
    content: " " counter(definition, decimal);
    counter-increment: definition;
}

並將“ 定義 ”轉換為“ 定義1 ”（例如）。

但是，注入的文本無法被瀏覽器搜索。 它沒有看到1 ：如果我搜索“ Definition 1”，則找不到它；如果我搜索“ Definition。無論定義文本是什么”，那么瀏覽器會愉快地突出顯示除了插入的1之外的行。。 因此，如果您將粗體文本想象為突出顯示的內容，它將看起來像：

定義 1 。 無論定義文本是什么

這不理想！ 人們喜歡用數字引用定義，並說“看XYZ頁面上的定義1”（以及在超鏈接不可用的情況下-我知道，但是確實發生了）。

從而：

Answer 1

據我所知沒有辦法。 您可能可以使用JS來訪問該信息，但這將是某種“ hack”的事情。

當您考慮HTML和CSS的目的時，我認為這很有意義。 如您所知，HTML旨在描述內容的語義，而CSS則用於控制頁面的外觀。 簡而言之，如果您使用CSS將任何文本添加到頁面中，那么純文本僅用於樣式目的。

如果是對您的網站訪問者來說有意義的文字，則需要將其直接以HTML的形式包含在網站中。

同樣，您這樣做的方式也違反了最佳做法。 因為如果禁用CSS，某些內容將消失。