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;
        }

你可能感兴趣的:(css猫头鹰选择器)