id选择器

jiedinghui 2020-05-27

id选择器可以为特定id的HTML元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS中id选择器以“#”来定义。

语法:

        #id名 {

             属性1: 属性1;

             .....

         }

      注意:id选择器口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用 
   类选择器和id选择器的比较:
       1.类选择器(class)好比人的名字,一个人可以有多个名字,同时一个名字也可以被多个人使用。
       2.id选择器好比人的身份证号码,全国唯一的,不得重复
       3.id选择器和类选择器最大的不同在于使用次数上。
       4.类选择器再修改样式中用的最多,id选择器一般用于页面唯一性元素上,经常和javascript搭配使用。
id选择器代码示例:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>id选择器</title>
    <style>
        /* id选择器口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用 */
        #pink {
            color: pink;
        }
    </style>
</head>
<body>
    <div id="pink">迈克尔杰克逊</div>
    
</body>
</html>

代码实现为:

迈克尔杰克逊

相关推荐

AlisaClass / 0评论 2020-06-10

somboy / 0评论 2020-05-13