Css 正在尝试向Wordpress网站徽标添加样式

我正试图在Wordpress网站的徽标上添加一些CSS，这让我抓狂。以下是html：

<div id="main-container">
    <header id="top-header" >
        <div id="logo">
            <a href="http://somesite.com/"><img src="http://somesite.com/wp-content/uploads/2013/06/cropped-cropped-logo2251.jpg" width="175" height="194" alt="somesite Wood logo"/></a>
        </div><!-- end of #logo -->
        <div id="main-navigation">
            <div class="social-icons">
                <ul>
                </ul>
            </div>

---

网站链接在此处：

似乎是浏览器缓存问题，我注意到CSS在新浏览器中工作

为什么要打开ul然后立即关闭？将链接发送到此网站所在的位置。因为您提供的HTML/CSS没有覆盖它的wordpress CSS。@ErikMes它是wordpress模板，所以不确定为什么Firefox 21、Chrome、Safari和IE中的playWorks中可能有一些PHP代码-您可能需要使用filter属性：实际上，我刚刚注意到您的不透明度：0.85；如果工作正常，请尝试将其设置为.5以查看差异

#logo a img { 
    opacity: 0.85;
}
#logo a { 
        opacity: 0.85;
}
#top-header #logo a img { 
        opacity: 0.85;
}
#logo img { 
        opacity: 0.85;
}