IE11 忽略内联 CSS

Question

此处正在开发的网站：http://new.brushman.com/about/

CMS 允许逐页添加内联 CSS。此 CSS 在加载所有其他 .css 文件后添加到页面。

IE11 忽略了样式，即使它适用于 8、9、10、Edge 和所有其他（Chrome、Firefox、Safari 等）

内联CSS是：

<style>
/* CMS Page about CSS */
main {background: #d70055;}
</style>

并且在 所有 css 文件加载后

有趣的是，inspect element 显示带有复选标记的背景，它位于列表的顶部，表明它具有最高优先级。

没有覆盖该元素的不透明元素。

我尝试过的一些事情： ！重要的 删除评论 添加额外的新行 使用 rgba

彻底被难住了。

Answer 1

这应该有效：

main {
    display: block;
    background: #d70055;
}

IE 不会将未知类型的元素视为块元素 - 就像 the <main> element 在这种情况下一样。

Answer 2

不幸的是 IE11 不支持新的 <main> html 语义元素。