http://www.w3school.com.cn/css/css_selector_id.asp  中说了,ID 选择器不能同时在网页中使用,是否说明相同的 ID选择器 不能在同一网页中多次引用呢?来看看这个测试:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#mostImportant {color:red; background:yellow;}
</style>
</head>

<body>
<h1 id="mostImportant">This is important!</h1>
<p id="mostImportant">This is a paragraph.</p>
<p id="mostImportant">This is a paragraph.</p>
<p id="mostImportant">This is a paragraph.</p>
</body>
</html>

可以看到,我在这个测试网页里只定义了一个 ID选择器,为 #mostImportant {color:red; background:yellow;},但是我在接下来的 html 代码中多次引用了这个 ID选择器,实际的测试结果是,无论我在 世界之窗3(IE 内核)、世界之窗6 的chrome 内核、FF、搜狗浏览器的高速模式下,均能将上述
(需要手动换行?)代码显示为黄底红字,也正是预期中的效果。


所以我认为,我在网页中的不同位置引用了同一个 ID,但是仅仅是在该元素选择器中调用了 ID选择器所规定的样式,那 ID选择器应
该和类选择器一个样,可以在网页中多次引用。


不知这样的理解是否正确?欢迎拍砖。要拍砖下手轻些,留我两只手来修改 BLOG 就行。
12-08 11:27