選擇內容之前的 CSS:: 插入被選元素之前。 CSS:在指定元素之後插入的內容之後。這些選擇器通常用於在段落或鏈接之前或之後添加文本。
在設計網站時,您可以在頁面內容之前或之後添加內容。元素。例如,您可以在列表中的每個項目符號之前添加一個圖像。
這就是:: before 和 after:: 偽 CSS 元素的來源。這些偽元素允許您在之前或之前插入內容在元素的內容之後。
本教程將通過示例討論如何使用:: before 和 after:: 偽元素來裝飾網頁的內容。讀完本教程後,您將成為 CSS 中使用 :: before 和 after:: 偽元素的專家。
CSS 偽元素
一個偽元素element 是一個特殊的關鍵字,它允許您為 CSS 選擇器選擇的元素的特定部分設置樣式。在本文中,我們將偽元素稱為選擇器,因為每個偽元素都是一個選擇器
當您想要在不添加 CSS 或類 ID 到元素。例如,如果您想在網頁上的每個鏈接後添加一個“>”箭頭,則可以使用偽元素。
CSS 提供了多種偽元素。特別是:: first line,:: first-letter,:: before and after::。出於本教程的目的,我們將重點關注最後兩個::::: 之前和之後。
偽元素通常使用冒號 (::) 表示。雖然 CSS3 支持使用單點 (:) 語法來聲明偽元素,但最好使用冒號表示法