user agent stylesheet -- 浏览器默认样式

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；  所以说最后的情况就是下面的子元素都自动匹配了这种方式。