HTML 17 类

HTML 17 类

 

1.通过对元素分类（设置类），使我们能够为元素的类定义CSS样式。

格式：

CSS中：元素.类名 {样式···}

HTML中：<元素 class=“类名”>···</元素>

注：相同元素的相同类是一种元素；

相同元素的不同类是不同元素；

不同元素的不同类是不同元素；

 

2.一般元素<h1><p>···

例如：

p.a { color=red；}

···

<p class=“a”>···</p>

 

3.<div>的类

例如：

div.a {color：red；}

···

<div class=“a”>

<h2>······</h2>

<p>······</p>

</div>

 

4.<span>的类

例如：

span.a {color：red；}

···

<p>···<span class=“a”>···</span>···</p>

 

5.后代选择器中的类

例如1：

p.a  span{color：red；}

···

<p class=“a”>···<span>···</span>···</p>

例如2：

p  span.a{color：red；}

···

<p>···<span class=“a”>···</span>···</p>

例如3：

p.a  span.b{color：red；}

···

<p class=“a”>···<span class=“b”>···</span>···</p>