id选择器可以为标有特定id的HTML元素指定特有的样式
HTML元素以id属性来设置id选择器,css中id选择器以“#”来定义
语法:
#id名 {
属性1:属性值1;
........
}
注意:id属性只能在每个html文档中出现一次。
举例:当一个标签A调用了id属性a,则标签B不能再调用id属性a
id选择器和类选择器的区别:
1 类选择器(class)好比人的名字,一个人可以有多个名字,同时一个名字也可以被多个人使用
2 id选择器好比人的身份证号码,全国是唯一的,不得重复
3 id选择器和类选择器最大的不同在于使用次数上
4 类选择器在修改样式中用的最多,id选择器一般用于页面唯一性元素上,经常和JS搭配使用
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>id选择器</title>
</head>
<style>
#one{
color: brown;
font-size: 50px;
}
</style>
<body>
<div id="one">
火狼
</div>
</body>
</html>
运行结果如下