Question

我的网站上有一个菜单，就像这样，

header>.container>nav{
border:none;
position: absolute;
top:50px;
right: 30px;
text-align: left
}

我想要做的是在名为topLine的结构中重新定位导航内的新元素，所以我的新代码是，

header.container.clearfix.topLine.nav{
border:none;
position: absolute;
top:50px;
right: 30px;
text-align: left;
background-color:#282b30;

}

然而它不起作用，我不确定我错过了什么。

HTML代码位于

之下

 <header>
    <div class="container">
      <div class="topLine">
        <!--MENU-->
        <nav class="clearfix">
            <a href="" id="header-menu-button"><i class="fa fa-bars"></i></a>  
            <ul class="list-inline">
                <li><a href="#">Home</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Register</a></li>
                <li><a href="#">Companies</a></li>
                <li><a href="#">News</a></li>
                <li><a href="#">Pricing</a></li>
                <li><a href="#">Contact Us</a></li>
            </ul>
        </nav>
        </div>

Answer 1

我会发表评论，但我还没有足够的xp。 :)

你在CSS中的某些时期应该在那里。期间用于引用类。例如，我看到.nav，但您在html中的任何位置都没有class="nav"。如果要引用子元素，请使用>。

相反，做header > .container > .clearfix > .topLine > nav {

将菜单移动到新的div元素

1 个答案: