利用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
微信扫一扫 
支付宝扫一扫 