<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>认识html标签</title><style type="text/css">#stress{ color:red;}#setGreen{ color:green;}</style></head><body> <h1>勇气</h1> <p>三年级时,我还是一个<span id="stress">胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p> <p>到了三年级下学期时,我们班上了一节<span id="setGreen">公开课</span>,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p></body></html>
出现了两次ID但是对应的元素不同,说的浅显一点如果是出现两次span
id
=
"stress"就是错的,
声明多少个ID 都可以 , 1个ID 使用1次。 没错。 上面声明了2个不同ID ,每个ID 也是使用1次,没错。
ID选择器唯一的意思其实是ID唯一的意思:一个ID只能使用在一种标签的唯一一个元素上,而不能使用在多个元素上;而ID选择器只要ID不同,用多少次都可以。
文档中的两个ID选择器,一个id为“stress”,另一个是"setGreen",是互不影响的;如果两个span元素都用了“stress”这一个id,才会出错。
在一个HTML文档中,ID选择器只能使用一次,而且仅一次