html - 我不想将 CSS 类的属性应用于列表中的元素

Question

我用 CSS 做了一个类:

.nav{
    display: block;
    background-color: #5271ff;
    position: fixed;
    height: 160px;
    width: 100%;
    padding:0;

.nav li{
     float: left;
     padding-top: 130px;
     padding-left: 10px;


}

我的HTML代码是

<div class="nav">

            <ul>
                <li>
                    <img src="logo.png" alt = "logo" width="160" height="160">
                </li>

                <li><a href="#home">Home</a></li>
                <li><li><a href="#news">News</a></li>
            </ul>


        </div>

是否可以不将该属性应用于列表中的图像？结果总是将图像从我制作的 block 中推出，我的想法是该 block 将具有 Logo 的颜色并且它们将混合在一起并且我想要底部的“主页”和“新闻” block 的，而不是在它的顶部。我对 HTML 和 css 还很陌生。

Answer 1

你试过 nav li:not(:first-child) 而不是导航栏它会留下第一个 li 并将样式应用到其他 li。你实际上可以使用一个类，但我认为 not 函数在这种情况下很方便，我自己会怎么做 #cheers