HTML刷题笔记样式属性优先级

原题1：

有以下代码，最终字体的颜色为？

<div class='red black' id="yy">YY</div>
<style>
    #yy{color: blue;}
    .black{color: black;}
    .red{color: red;}
    div{color: white;}
</style>

A.black

B.blue

C.red

D.white

答案：

本题答案为blue，id选择器优先级大于class选择器大于标签选择器

笔记：

1、!important，加在样式属性值后，权重值为 10000

2、内联样式，如：style=””，权重值为1000

3、ID选择器，如：#content，权重值为100

4、类，伪类和属性选择器，如：content、:hover 权重值为10

5、标签选择器和伪元素选择器，如：div、p、:before 权重值为1

6、通用选择器（*）、子选择器（>）、相邻选择器（+）、同胞选择器（~）、权重值为0

原题2：

在下列标签中，哪个标签表示最小的标题？（）

<title></title>

<h1></h1>

<h6></h6>

<h7></h7>

答案：

答案为<h6><h6>

笔记：

标题一般为1~6，没有7