时间戳

首页 > 解决方案 > 我不想将 CSS 类的属性应用于列表中的元素

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

问题描述

我在 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>

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

标签： htmlcss

解决方案

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

推荐阅读