css猫头鹰选择器

除了第一个以外的兄弟选择器。由于看起来像猫头鹰，也叫猫头鹰选择器。

 

        
首页
        
财经
        
军事
        
社会
        
美食
    

.site-nav {
            display:flex;
            padding:10px;
            list-style: none;
            background:#242425;         
        }
        .site-nav > li {
            background-color:#177ddc;
            padding: 5px 10px;
        }
        .site-nav > li > a{
            display: block;
            color:white;
            text-decoration: none;
        }
      // 除了第一个以外的兄弟选择器
        .site-nav > li + li {
            margin-left:30px;
        }
        .site-nav > .nav-right {
            margin-left: auto;
        }