Question

css中ID选择器一次性原则！！！！

ID选择器书上说只能在HTML页面中使用一次究竟什么意思？怎么我觉得跟class选择器使用一样的？真搞不懂。。

举个例子：
****************************************
<h2 id="green">标题1</h2>
<h2 id="green">标题2</h2>
****************************************
<h2 id="red">标题1</h2>
<h2 id="green">标题2</h2>
************************************
<h2 id="red">标题1</h2>
<p id="green">标题2</p>
*************************************
这样 ，有三种情况，那种情况是违背了ID只能使用一次的原则的？

能讲解一下么？简单易懂的。。

Answer 1

你这个混淆了ID选择器和类选择器的概念

ID选择器是用来将标签分类的 这么说吧 用于描述一个页面的布局 假如你定义了一个ID叫做 nav
哪么 很明显 这个用于导航 ,他不能用在别的地方 就算完全一样的样式 布局中内涵定义不同 也要用两个不同的ID的 否则就失去了描述布局的功能

浏览器并不能让多次使用的ID呈现出错误 这也造成了滥用

对于你的例子 ，这里的选择器是用于描述内容的呈现 ，而内容呈现是有可能要多次复用的 所以这里应该用类选择器

Answer 2

所谓id只能用一次，指的是就像一个人对应一个身份证一样，是不能有重复一样的，那么也就是你的这个页面中，
这里面的xx只能成为一个元素的id而不能继续成为p元素的id,你这样写是有违语法规范的。而你理解错了，在于你以为是效果只能用一次，实际上是只能被一个元素所拥有。
你的页面上看到了两个元素都是红色，这就好比你的身份证本来是你唯一持有的，却被坏人复制了，那么你所拥有的红色属性，他也可以拥有了。一般而言，是以类名class来定义样式的，就好比，你可以去买一个杯子，别人也可以买一个杯子，你们买的杯子都是一起机器制作的，是可以一模一样的。
一般来说，我们都是用类来定义不同元素的样式的，而id更多的是用在对此元素有唯一的设定，不论是设定样式还是交互效果