id选择器
Posted qiujie-prion
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了id选择器相关的知识，希望对你有一定的参考价值。
id选择器可以为特定id的html元素指定特定的样式。
HTML元素以id属性来设置id选择器，CSS中id选择器以“#”来定义。
语法：
#id名 {
属性1: 属性1;
.....
}
注意：id选择器口诀：样式#定义，结构id调用，只能调用一次，别人切勿使用
类选择器和id选择器的比较：
1.类选择器(class)好比人的名字，一个人可以有多个名字，同时一个名字也可以被多个人使用。
2.id选择器好比人的身份证号码，全国唯一的，不得重复
3.id选择器和类选择器最大的不同在于使用次数上。
4.类选择器再修改样式中用的最多，id选择器一般用于页面唯一性元素上，经常和javascript搭配使用。
id选择器代码示例：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>id选择器</title> 7 <style> 8 /* id选择器口诀：样式#定义，结构id调用，只能调用一次，别人切勿使用 */ 9 #pink { 10 color: pink; 11 } 12 </style> 13 </head> 14 <body> 15 <div id="pink">迈克尔杰克逊</div> 16 17 </body> 18 </html>
代码实现为：
迈克尔杰克逊
以上是关于id选择器的主要内容，如果未能解决你的问题，请参考以下文章