利用id标识元素
除了可以对元素进行分类以外,你还可以标识单个元素。这是通过HTML属性id
实现的。
HTML属性id
的特别之处在于,在同一HTML文档中不能有两个具有相同id
值的元素。文档中的每个id
值都必须是唯一的。在其他情况下,你应该使用class
属性。下面,我们来看一个使用id
属性的例子:
<h1>第1章</h1> ... <h2>第1.1节</h2> ... <h2>第1.2节</h2> ... <h1>第2章</h1> ... <h2>第2.1节</h2>... <h2>第2.1.1小节</h2>...
上例是一个文章的各章节的标题。我们自然可以为其中每一章节指定一个id
(如下):
<h1 id="c1">第1章</h1> ... <h2 id="c1-1">第1.1节</h2>... <h2 id="c1-2">第1.2节</h2>... <h1 id="c2">第2章</h1> ... <h2 id="c2-1">第2.1节</h2>... <h3 id="c2-1-2">第2.1.1节</h3>...
假如我们要求第1.2节显示为红色,那么CSS可以这样写:
#c1-2 {color: red;}
如上例所示,你可以在样式表里通过#id为特定元素定义CSS属性。
小结
在这一课,我们学习了通过使用class
和id
为一类元素或特定元素指定CSS属性。
在下一课,我们将详细学习两个普遍见于与CSS联合使用的HTML元素:span
和div
。
125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/5235.html