Question

css样式 优先级？

上面的是外部通用样式,下面的是我写的内部样式,为什么它会覆盖我的?如果我写成行内样式就能用.

Answer 1

如果你写的样式调用在前，而外部通用样式在后，那么它就会覆盖你的（css的意思是“层叠样式表”，而“层叠”的意思就是后面的会覆盖前面的）。而内联样式（也就是你说的“行内样式”）的优先级比外部样式（通过link标签调用的）和外联样式（写在style标签内的）都高，所以不会被覆盖。

追问

我写在style里的,但是被他的link覆盖了为什么

追答

你说的style是下面这个？

<style>

......

</style>

还是下面这个？

<div style="">......</div>

前者属于外联方式，会被后面的link覆盖（要想不被覆盖，把你写的放到他的link后面即可）

后者属于内联方式，不会被任何link覆盖（除非!important）

Answer 2

由于不同选择器的优先级不同，如果你想要覆盖的画可用 !important
如： p{width: auto !important;}

Answer 3

标签为1级
class为10级
id为100级
行内style为1000级
!important为无限高

以下为优先级说明（数字越大，优先级越高）
标签为0001
class为0010

id为0100
行内style为1000
!important为1000+

如<div id="id"><p class="class"><span>内容</span></p></div>
获取span标签，#id .class span{样式}，优先等级为：0111
希望之是你想要的结果

Answer 4

* 最小
标签选择器 权重值为1
class选择器 权重值为10
id选择器 权重值为100
行内选择器 权重值为1000
!improtant 权重值为最大

Answer 5

用！important 进行样式强调就可以生效了