📜  CSS |伪元素

📅  最后修改于: 2021-08-31 08:13:23             🧑  作者: Mango

伪元素: CSS 中的伪元素用于在元素的指定部分添加样式。示例:在元素之前或之后使用样式。

句法:

selector::pseudo-element {
    property:value;
}

伪元素的使用:下面是一些描述伪元素使用的例子。

  • ::before 伪元素:用于在元素被调用时在元素之前添加一些 CSS 属性。
    例子:
    
    
        before
        
    
    
        

    GFG

        

    It is a paragraph.

        

    This is another paragraph.

    输出:

  • ::after Pseudo-element:用于在元素被调用时在元素后添加一些CSS属性。
    例子:
    
    
        after
        
    
    
        

    GFG

        

    It is a paragraph.

        

    This is another paragraph.

    输出:

  • ::first-letter 伪元素:用于改变元素的第一个字母。
    例子:
    
    
        after
        
    
    
        

    GFG

        

    It is a paragraph.

        

    This is another paragraph.

    输出:

  • ::first-line 伪元素:用于对元素的第一行进行更改。
    例子:
    
    
        after
        
    
    
        

    GFG

        

    It is a paragraph.

        

    This is another paragraph.

    输出: