Gih*_*nmu 4 html css xhtml html5
这是初学者的问题,但我需要澄清一下.是的,根据大多数教程,它不能多次应用.
ID是唯一的
每个元素只能有一个ID
每个页面只能有一个带有该ID的元素
参考
http://css-tricks.com/the-difference-between-id-and-class/
但我在HTML中编写了一个简单的标记并应用了一些CSS.
这是我的代码
HTML
<!DOCTYPE html>
<html>
<head>
<title>ID vs Classes</title>
<link rel="stylesheet" type="text/css" href="ID & Classes.css">
</head>
<body>
<h1 id="forh1">This is a h1 header</h1>
<p>Lorem ipsum dolor sit amet</p>
<h1 id="forh1">This is a h1 header</h1>
<p>Curabitur sodales ligula</p>
<h2 id="forh1">This is a h2 header</h2>
</body>
</html>
CSS
#forh1{
text-align:center;
}
我已多次应用相同的ID(3次).在h1标题中两次,在h2标题中一次.当我在浏览器(chrome和firefox)中运行它们时,它们运行得很好.h1和h2标题中的所有文本都对齐居中.这是为什么 ？我没有正确掌握ID概念还是浏览器的问题？因为我听说现代浏览器足够聪明,可以理解大多数隐含的东西.请帮忙.
ID用于唯一标识元素,它们可以用于CSS,但是当JavaScript开始运行时,您将理解为什么不这样做.
CSS只选择元素,当你编写匹配的选择器时,它与你编写的有效或无效的HTML无关,CSS的工作是根据定义的选择器应用样式.例如
演示 无效HTML,请勿使用它 (仅用于演示目的)
因此,如果你想在多个元素上使用相同的属性,那么它ID应该是唯一的class.
来自W3C
此属性为元素指定名称.该名称在文档中必须是唯一的.
侧提示:应使用_而不是空格.href="ID & Classes.css"href="IDs_Classes.css"
这是一个很好的阅读,为什么不这样做 (所以这里不再重复)