有关此问题的背景信息，我正在构建this网站。
我注意到，在width小于700像素的情况下，箭头与隐藏的文字重叠。因此，它不可点击。但我发现当屏幕小于700像素时，.post p { margin-top:2px; margin-bottom:2px;}优先于.descr {margin-top:30px;text-align:justify;}。这是为什么？我认为更详细的（.descr，class，比p更详细）会优先考虑。事实并非如此，因为在Chrome工具中，开发人员margin-top:30px;显示为交叉。是因为div p下实际上有4个.post吗？
答案 0 :(得分：3)
确定整个选择器的 priority 特异性，并且是其中所有部分的组合。所以.post p是'1 class plus 1 tag'，其特异性高于.descr，这只是'1级'。
答案 1 :(得分：2)
.class p更具体，.class（'特殊'或'更具体'是我们称之为css的优先级）
css中的每个选择器都有一个明确的特异性级别。
#ID比.class
和.class比html元素更具体，例如p
然而，特异性也会堆叠，因此链接选择器会相应地增加特异性。因此，后跟另一个选择器的类将覆盖应用于该选择器的类。尽管p不太具体，但它仍然被添加到.class
This calculator会帮助您，this article会详细介绍