Html 将菜单移动到新的div元素

我在我的网站上有一个菜单

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

我要做的是在名为topLine的结构中的一个新元素内重新定位nav，因此我的新代码是

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>

---

我本想发表评论，但我还没有足够的经验

---

css中的某些句点不应该存在。句点用于引用类。例如，我看到了一个.nav，但html中没有class=nav。如果要引用子元素，请使用>。因此，改为使用header>.container>.clearfix>.topLine>nav{

在HTML中topLine在哪里？基本问题是选择器中缺少所有>字符。它们不能用.No.x.y匹配类为y.x>的x来替换。y匹配类为x的子类y的元素。