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>