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

id选择器的唯一性使用怎样理解?我在代码中写入时使用多次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:red;

}

#bigsizeid{

    font-size:25px;

}

</style>

</head>

<body>

    <h1>勇气</h1>

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

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

</body>

</html>

http://img1.sycdn.imooc.com//579c207e000138ca09720550.jpg

正在回答

3 回答

在css里是可以多次使用的。但如果页面涉及到js,就不好了。因为js里获取DOM是通过getElementById,而如果页面出现同一个id几次,这样就获取不到了。所以id要有唯一性。

最后,成熟网站里,你很少看到css里用id选择器的,都是用class,id选择器留给写js的人用,这样避免冲突。

----

网上找的答案,同时也分享给你

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

叶曳临风 提问者

非常感谢!
2016-07-30 回复 有任何疑惑可以回复我~

Id选择的唯一性指的是对于一个元素只能有一个样式,比如<p id=bigsizeid bigsize> 这个时候在头部样式里面设置这个p段落的颜色时候是不显示的 如<style> .bisizeid bigsize{ color: red;} 这个段落是不显示颜色的,但是要是类选择器就可以。

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

仍然有效是有些浏览器能解析,语法是上错误的。你多用几个浏览器试试,理论上只有一个标签有效。

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

CrazyBo

用IE6试试。。。
2016-07-30 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

id选择器的唯一性使用怎样理解?我在代码中写入时使用多次id选择器 仍然有效并没有出现不能使用等问题。

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