id选择器可以为特定的id的标签进行css美化
使用方法： 标签内设好 id值， CSS的id选择器以“#+id名”来调用
注意
- 所有标签都有id值
- id属性值类似于身份证号码，在一个页面中是唯一的值，不可重复
- 一个标签上只能有一个id属性值
- 一个id属性值，只能选择一个标签
语法
#id名 {
属性: 属性值;
}
<p id="id名"></p>
举个栗子
<style>
/* 给id为red的，定义CSS样式 */
#red {
color: blue;
}
#green {
color: blue;
}
</style>
</head>
<body>
<p id="red">杰克逊</p>
<h1 id="green">加比勒海盗</h1>
id选择器与class选择器的区别
- class类名与id属性值的区别
- id相当于人的身份证，不可重复
- class相当于人的名称可以重复
- id选择器和类选择器最大的不同在于使用次数上，一个id只能供一个标签使用一次
- id选择器一般只定义页面唯一的元素，平常与javascript使用，最常用的还是class选择器，标签可以定义多个类属性
- 实际开发情况
- 类选择器用的最多
- id一般配合js使用，除非特殊情况，否则不要使用id设置样式
- 实际开发中会遇到冗余代码的抽取（可以将公共的代码提取到公用的类中调用）
5205
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
