css类是权值靠前还是就近原则靠前

html-css08

css类是权值靠前还是就近原则靠前,第1张

正常情况下是就近原则,css从上直下,如果相同会采用最后的css,如果是css3就要看情况了。

比如:如果设置了【:first-child或者:last-child,:nth-child()】等这种选择器,会采用选择器的css;如果设置了【!important】会采用有这个的css,就算是写在div里面的也没有这个级别高(但不是万能的,有的可以设置有的不行,列出来太多了,记着也麻烦,最简单的记忆方式就是写完在浏览器中F12,如果划横线就是不好使)

width:10px !important;意思是设置成最高级别,不管先后都会采用这个css,如果有两个这种代码会采用最后一个。

以下是优先级设置顺序:

1、width:10px;

2、width:10px !important;

3、:first-child{width:10px;}

4、:first-child{width:10px !important;}

优先级顺序为4>2>3>1,如果是同级别情况下会就近选择,就是选择最后一个

这是个继承的问题,是根据你样式的属性~

先使用P的属性,再使用style的属性。

如果P与style重合定义的属性,按照后定义的,就是style的属性;

如果不重合就都使用。

所以你写的最后显示结果就是

font-size:60pxfont-weight:boldfont-family:隶书