选择器之id选择器
id选择器可以为标有特定id的HTML元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义(1)代码:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content=
·
id选择器可以为标有特定id的HTML元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义
(1)代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>基础选择器之id选择器</title>
<style>
#blue{
color: blue;
}
</style>
</head>
<body>
<div id="blue">英雄联盟</div>
</body>
</html>
(2)运行效果
id选择器的口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用
id选择器和类选择器的区别:
(1)类选择器(class)好比人的名字,一个人可以有多个名字,同时一个名字也可以被多个人使用。
(2)id选择器好比人的身份证号码,全中国是唯一的,不得重复。
(3)id选择器和类选择器最大的不同在于使用次数上。
(4) 类选择器在修改样式中用的最多,id选择器一般用于页面唯一性的元素上,经常和JS搭配使
用。
更多推荐
已为社区贡献2条内容
所有评论(0)