chrome的默认样式user agent stylesheet导致不显示元素的问题

Question

chrome 版本 54.0.2840.98 (64-bit)

在某个页面上，只有我电脑的chrome打开显示不出某个元素，其他人同版本的chrome都可以正常显示，我的firefox也可以正常显示，求解是什么原因？

样式里有一串::content开头的选择器,来源是user agent stylesheet：

::content .widget_facebook_like_box, ::content .z-share-belt, ::content a[title="Follow us on Instagram."], ::content img[alt="Visit our Twitter page"], ::content #AKDSocialBottom, ::content #be-social, ::content #divFacebook, ::content #fbActivityStream, ::content #footerShare, ::content #jsEditor_share, ::content #page-header-youtube, ::content #share-stumble, ::content #sharemark, ::content #social-media-hub, ::content #socialPopup, ::content #socialmobile, ::content #twitterModule, ::content .Share_FB ………………
{
    display: none;
}
div {
    display: block;
}

截图：

Answer 1

::content这个是啥？这不是选择器啊

Answer 2

user agent stylesheet这是代表元素默认的样式，如

在楼主的截图中，可以看到DIV的默认样式是display:block;但是前面的那一长串（不知道是伪元素还是什么，反正就是选择器，只是层级/嵌套太复杂），又覆盖了display:none，就被隐藏了，你可以尝试在html页面上给元素添加内部样式：display：block;内部样式层级是最高的，所以你就不用担心被覆盖隐藏了
PS：你这元素的层级样式真是吓死人了