CSS僞元素

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>我是中國人</title>
        
        <style>
            /* CSS僞元素 */
            /* 第一行 */
            p::first-line {
                color: red;
            }
            /* 第一個字母 */
            p::first-letter {
                font-size: 25px;
            }
            /* 第一個子元素的元素:第一個孩子是span標籤的元素 */
            span:first-child {
                color: yellow;
            }
        </style>
    </head>
    <body>
        <p>
            數學和物理是一對孿生兄弟,彼此不分家,因此愛因斯坦數學指定不會差。
            據外媒報道稱,諾貝爾獎官方近日公佈了著名物理學家愛因斯坦的數學成績,以此來回擊那些質疑愛因斯坦數學很差的聲音。
            諾貝爾官方公佈的是,愛因斯坦1896年就讀於瑞士阿勞市高中時的數學成績單,在當時的評分標準中,6分爲最高分,1分爲最低分。
        </p>
        
        <div id="">
            <span>第一個span</span>
            <span>第二個span</span>
            <span>第三個span</span>
        </div>
    </body>
</html>
image
相關文章
相關標籤/搜索