1、ID 选择器允许以一种独立于文档元素的方式来指定样式。
作用: 根据指定的id名称找到对应的标签, 然后设置属性。
ID 选择器前面有一个 # 号 - 也称为棋盘号或井号。
#intro {font-weight:bold;}
ID 选择器引用 id 属性中的值:
<p id="intro">This is a paragraph of introduction.</p>
2、注意点:
- 每个HTML标签都有一个属性叫做id, 也就是说每个标签都可以设置id
- 在同一个界面中id的名称是不可以重复的,也就是说在一个 HTML 文档中,ID 选择器会使用一次,而且仅一次。
- 在编写id选择器时一定要在id名称前面加上#
- id选择器可能是区分大小写的。这取决于文档的语言,HTML 和 XHTML 将类和 ID 值定义为区分大小写,id值的大小写必须与文档中的相应值匹配。
- id选择器不能结合使用,因为id属性不允许有以空格分隔的词列表
- 在企业开发中一般情况下如果仅仅是为了设置样式, 我们不会使用id ,因为在前端开发中id是留给js使用的
- id选择器可能是区分大小写的。这取决于文档的语言。HTML 和 XHTML 将类和id值定义为区分大小写,所以类和id值的大小写必须与文档中的相应值匹配。
3、id的名称是有一定的规范的
- id的名称只能由字母/数字/下划线 a-z 0-9 _
- id名称不能以数字开头
- id名称不能是HTML标签的名称,不能是a h1 img input ...
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*
id: 每一个标签都有的属性,相当于是人的身份证号码,一个文件中之id不能重复
id 取值: 字母,数字,下滑线_,命名,但是不能以数字开头,不使用标签名
范围:整个文档,但是只能最多找到一个
符号: #
格式:
#id
用法:
id选择器{
规则;
}
*/
#word{
color: red;
}
</style>
</head>
<body>
<p id="word">我是yi个段落</p>
</body>
图片.png
网友评论