CSS选择器优先级疑问：footer p与p选择器顺序为何不触发样式覆盖？

这是因为CSS选择器的优先级比代码书写顺序的权重更高。

单个p选择器属于元素选择器，优先级权重为1；而footer p是后代选择器，由两个元素选择器组成，优先级权重为2。不管你把哪个选择器写在前面，优先级高的样式规则都会优先生效。所以哪怕你把p选择器写在footer p后面，footer里的<p>元素依然会应用footer p的样式，不会被后面的p选择器覆盖。

简单总结：优先级高的样式规则，不管书写顺序如何，都会压过低优先级的规则。

内容的提问来源于stack exchange，提问作者Cristian San