user agent stylesheet
從字面意義上很容易理解他表示用戶瀏覽器的樣式表。
今天在做項目時,無意間發現一個元素我並沒有設置li的text-align:center ; 但其中的img卻神奇的居中了,於是通過審查元素發現了其中的端倪,如下所示:
在右下角處,我們可以看到 -webkit-match-parent li user agent stylesheet。
這就是瀏覽器的默認樣式表,如果我們希望不使用,直接使用同名的屬性覆蓋即可。
那么什么使-webkit-match-parent呢? w3c是這樣描述的:Typical default display properties (典型的默認顯示屬性),但沒有明確的定義。
從字面上解釋是:“文本對齊的方式:匹配父類盒子對齊的方式”
可以發現,img上面的a 和 li同樣也是這樣的,繼續網上找的ul的父元素li設置了這個屬性text-align:center; 所以說最后的情況就是下面的子元素都自動匹配了這種方式。