在CSS代码编写中，我们有时会用到:before伪元素来添加一些额外的内容，比如添加一些小图标等。但是有时我们会发现，某些浏览器无法识别这些伪元素，导致我们的页面样式出现了问题。

.icon:before{
content: "\f007";
font-family: FontAwesome;
color: #ccc;
}

出现这种情况的原因可能是因为浏览器不支持某些CSS属性，比如IE浏览器不支持content属性，而Firefox之前的版本不支持before和after伪元素。

解决这个问题的方法是，对于不支持before的浏览器，我们可以用JavaScript或者普通的DOM操作来创建一个元素，并在该元素之前添加我们所需的样式。我们也可以使用现成的类库，比如Modernizr、CSS3PIE等来解决兼容性问题。

总之，使用CSS中的:before伪元素在大多数情况下都是没有问题的，但是当遇到一些浏览器无法识别时，我们需要采取适当的解决方案来解决兼容性问题，保证我们的页面能够正常显示。