爲什麼要優先

Question

對於這個問題的上下文，我在建設this網站。

我注意到，在width小於700px，箭頭重疊在後面的隱藏文字。因此，它不可點擊。但是當屏幕小於700像素時，我發現.post p { margin-top:2px; margin-bottom:2px;}優先於.descr {margin-top:30px;text-align:justify;}。這是爲什麼？我認爲更詳細的（.descr，這是一個class，比p更詳細）將優先考慮。情況並非如此，因爲鉻工具開發人員margin-top:30px;顯示爲交叉。是否因爲之下實際上有4 p？

Answer 1

.class p是更具體的說.class（「特異性」或「更具體的」是我們在CSS電話優先）

在CSS每個選擇具有定義的特異性水平。

#ID比.class

和.class比html元素更具體更具體而言，如p

然而，特異性也堆疊，所以鏈接選擇將相應地增加的特異性。因此，其他選擇器後面的類將覆蓋應用於該選擇器的類。儘管p是不太具體它仍然是添加到的.class

This calculator特異性將幫助您和this article進入更多細節

Answer 2

優先 確定整個選擇器的特異性，並且是其中所有部分的組合。所以.post p是'1級加1標籤'，它比.descr更具特異性，它只是'1級'。請參閱Specifics on CSS Specificity。