为了账号安全,请及时绑定邮箱和手机立即绑定

ID选择器只能在文档中使用一次。这句话到底怎么理解???为什么我使用了好多次依然有效

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>类和ID选择器的区别</title>

<style type="text/css">

.stress{

    color:red;

}

.bigsize{

    font-size:25px;

}

#stressid{

    color:blue;

}

#bigsizeid{

    font-size:25px;

}

</style>

</head>

<body>

    <h1>勇气</h1>

    <p>三年级时,我还是一个<span class="stress">胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个<span class="stress">勇气</span>来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

    <p>到了<span class="stress bigsize">三年级</span>下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>

     <p>到了<span id="bigsizeid">三年级</span>下学期时,我们班上了一节<span id="bigsizeid">公开课</span>,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>

    <span id="stressid">三年级</span>

    <span id="bigsizeid">三年级</span>

    <span id="stressid">三年级</span>

    <span id="stressid">三年级</span>

    <span id="stressid">三年级</span>

    <span id="bigsizeid">三年级</span>

    <span id="bigsizeid">三年级</span>

    <span id="bigsizeid">三年级</span>

</body>

</html>

<!--ID选择器只能在文档中使用一次。这句话到底怎么理解??? 我尝试编写了一个代码,ID选择器定义部分有两个,输出部分好多个,就是为了验证是否只能使用一次,为什么这里能显示出结果,存储为html以后随便用一个浏览器也能编译出结果??我想知道  ID选择器只能在文档中使用一次。这句话到底怎么理解???-->

正在回答

2 回答

感谢   @Motewind   的回答,我已经明白了,虽然并不是很懂后面的东西,但是理解了为什么,谢谢大家。

--------------------------------分隔符(以下为@Motewind   的回答)---------------------------------------------


如果单纯的在CSS里使用相同ID多次是可以的!但如果页面涉及到js,就不好了。因为js里获取DOM是通过getElementById,而如果页面出现同一个id几次,这样就获取不到了。所以id要有唯一性。成熟网站里,你很少看到css里用id选择器的,都是用class,id选择器留给写js的人用,这样避免冲突。

0 回复 有任何疑惑可以回复我~

就是说在一个文档里 你所命名的id最好不要重复 class可以重复。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

ID选择器只能在文档中使用一次。这句话到底怎么理解???为什么我使用了好多次依然有效

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信