id选择器在文档中只能使用一次？-慕课网

id选择器在文档中只能使用一次？

来源：8-5 类和ID选择器的区别

inro

2016-03-12 11:04

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
      #setfontsize{
          font-size:50px;
      }
      #setfontcolor{
          color:green;
      }
    </style>
</head>
<body>
<ol>
    <li id="setfontcolor">测试</li>
    <li id="setfontsize">测试</li>
    <li id="setfontcolor">测试</li>/*这行代码也生效了*/
</ol>
</body>
</html>

id选择器在这里用了两次，但是都生效了，能解释下原因吗？

写回答关注

4回答

Feater

2016-03-12 11:14:56

已采纳

所谓ID只能用一次，指的是就像一个人对应一个身份证一样，是不能有重复一样的，那么也就是你的这个页面中，<h1 id="xx"></h1>这里面的xx只能成为一个元素的id而不能继续成为p元素的id,你这样写是有违语法规范的。而你理解错了，在于你以为是效果只能用一次，实际上是只能被一个元素所拥有。

你的页面上看到了两个元素都是红色，这就好比你的身份证本来是你唯一持有的，却被坏人复制了，那么你所拥有的红色属性，他也可以拥有了。一般而言，是以类名class来定义样式的，就好比，你可以去买一个杯子，别人也可以买一个杯子，你们买的杯子都是一起机器制作的，是可以一模一样的。

一般来说，我们都是用类来定义不同元素的样式的，而id更多的是用在对此元素有唯一的设定，不论是设定样式还是交互效果

1 1

inro

回答的很好，谢谢！

2016-03-12 16:55:10

共 1 条回复 >
一二得二

2016-03-12 11:21:42

ID就像身份证一样，它的标签是唯一的。这与CSS对同一个页面中具有相同ID的标签，都会应用样式并不冲突。

0 0
jokerFei

2016-03-12 11:17:11

只能使用一次是同一个名称（id=“名称”）只能使用一次而不是整个页面id这个属性只能出现一次

0 0
yuanyuan2134

2016-03-12 11:16:55

是的，只能使用一次，但并不是说这个html文档只能使用一次，ID是唯一的，所以所有的ID都不能相同，都不能共用一个css样式。个人理解，不对也请指教！

0 0