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