Html 不在css标记上正常工作

我有以下几点

<nav class="navbar navbar-default navbar-fixed-top" role="navigation" >
 <div class="container">
        <nav class="row main-navi uppercase navigationlinks">
            <h1 class="visuallyhidden">Navigation</h1>
            <ul>
                <li id="logo-container"><a id="logo" href="" data-target="start" title="EPIC Companies"></a></li>
                <li class="white-shadow"><a href="#about" data-target="about">About</a></li>
                <li><a href="#values" data-target="values">Values</a></li>
                <li><a href="#team" data-target="team">Team</a></li>
                <li><a href="#portfolio" data-target="portfolio">Portfolio</a></li>
                <li><a href="#join" data-target="join">Join</a></li>
                <li><a href="#contact" data-target="contact">Contact</a></li>
            </ul>
        </nav>
    </div>
 </div><!-- /.container-fluid -->
</nav>

我想实现的是不透明度0.6的标志，只有在其他链接。有什么帮助吗

我尝试了CSS，让我们说红色背景，但不透明度仍然是0.6：

#logo-container{
    background-color:rgba(255,0,0,1);
}

---

在HTML代码中找不到此类navbar fixed top。您要将类navbar fixed top和navigationlinks应用到哪个元素。navigationlinks:notlogo容器{不应该是：。navigationlinks ul li:notlogo容器{请参见您不能“取消”不透明性–它对元素及其所有内容有效。

#logo-container{
    background-color:rgba(255,0,0,1);
}