利用class、id对元素进行分类、标识实例

2020-05-01 10:04:49易采站长站整理

<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;
}

说明:#c1-2指引用id为c1-2的元素,注意与class的区别,class引用时用“.”。