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

猜你喜欢

转载自blog.csdn.net/sdqmrj/article/details/126526666