为什么“text-align：center”在Chrome“Inspect element”中受到了冲击？

Question

我有2个不同的网页using DataTables to display and hide row details。

两个网页的标题中都包含以下CSS：

h1, h2, h3, p, div, form { 
    text-align: center; 
}

这适用于webpage 1，第一个表格列（左侧）中的绿色加号图像居中（此处为fullscreen）：

但在webpage 2中，绿色加号图片未居中（此处fullscreen）：

请原因是什么？为什么当我右键点击绿色加号图片并选择“检查元素”时，谷歌浏览器会在text-align: center中闯入？

更新

是的，我可以在“已计算”标签中看到text-align: start（此处为fullscreen）：

但是它来自哪里？什么是“用户代理样式表”？

为什么它不适用于网页1？

Answer 1

这意味着规则“text-align：center”已被另一条规则覆盖（即“text-align：start”）。 有三种方法可以覆盖规则：

1）覆盖规则存在于覆盖规则的同一css文件中，但位于较低位置。

2）覆盖规则存在于另一个css文件中，在css文件包含覆盖规则后链接。

3）覆盖规则在html文件中通过标记或样式属性声明。