css，類選擇器和id選擇器的區別

本文轉載自查看原文 2021-09-13 23:02 104 css

代碼如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 類選擇器和id選擇器的區別，類選擇器可以被重復調用，id選擇器只能被調用一次是唯一的 -->
    <style>
        #red {
            color: red;
        }

        .colour {
            color: blue;
        }
    </style>

</head>

<body>
    <div id="red">曹操1</div>
    <div class="colour">曹操2</div>
    <div class="colour">曹操3</div>

</body>

</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 CSS類選擇器和ID選擇器 CSS選擇器中類和ID選擇器的區別 css選擇器(1)——元素選擇器、類名和id選擇器 CSS選擇器（通配符選擇器、標簽選擇器、類選擇器、id選擇器、群組選擇器、后代選擇器、子元素選擇器和相鄰元素選擇器） CSS的選擇器（元素名選擇器，id選擇器和類選擇器）類和ID選擇器的區別 CSS 簡介、語法、派生選擇器、id 選擇器、類選擇器、屬性選擇器 CSS ID選擇器(三) CSS 多類選擇器 CSS ID選擇器&通配選擇器