WordPress 主题教程：CSS 伪元素导致 Google 广告不显示 （IE 浏览器）

IE 对网页设计者来说，是个万恶不赦的东西。在谷歌、火狐浏览器显示的好好的东西，到了 IE 中就乱七八糟，所以设计WordPress 主题时俺们不得不 hack 一下。最近，小编又遇到了一个怪事，gg 广告在非 IE 核心的浏览器能够正常的显示，但是到了 IE 核心的浏览内，首页无法显示广告，不过其他页面却能正常显示，几天都不得其解。后在检查 CSS 时发现了如下代码：

.clear{font-size:0px;line-height:0px;display:block;clear:both;}
.clear:after { content: “”; display: block; clear: both; }

在上面有一个 content: “”; ，也许症结就在这里。回到首页，找到

<div class=”clear”></div>

然后，测试一切正常。包括在 IE 内的其他显示不正常的东西也一并显示出来了。

原来.clear:after 是CSS 伪元素，意思是应用了 clear 之后，再应用 after 。这里小编提醒大家，在借用别人的 CSS 代码时设计WordPress 主题时应特别注意多测试。