网页中CSS优先级是怎么意思?

发布网友发布时间：2022-04-06 11:28

我来回答

共3个回答

热心网友时间：2022-04-06 12:57

id优先级高于class

后面的样式覆盖前面的

指定的高于继承

行内样式高于内部或外部样式

总结：单一的(id)高于共用的(class)，有指定的用指定的，无指定则继承离它最近的。

热心网友时间：2022-04-06 14:15

举个例子，就是说你对一个标签，例如<div id="div1">这个标签赋予了多次width:100px; width:10px;
那么问题来了，到底是用10px 还是100px呢，这时候就要有优先级了，就是选择哪个用的问题。
一般来说id是最高的，其次是class
而在多个class里面一般是后面调用的覆盖前面的设置。
但是如果你用了一些css包，那么也会出现不知道顺序的情况，这个时候建议一些重要的属性自己重新设置，或者尝试调试一下顺序。。
知道原理，多多尝试就好了。。

加油~

热心网友时间：2022-04-06 15:50

我也举个例子吧。

.test p{

color:#f00;

}

.test .one p{

width:100px;

height:100px;

color:#000;

}

这个时候.test .one p这里的p如果不定义字体颜色的话，那么他就会继承上面的p所定义的样式，即：字体颜色为红色；

这个时候定义了color:#000;那么字体的颜色则为黑色，间接的说color:#000;的样式优先级高于

color:#f00;

自己多试试自然就懂了。