html - CSS 布局不带 id 但带 标签

Question

这是 HTML 代码:

<div id="tp-nb">
    <ul>
        <div id="tp-ls">
            <li>
                account-icon
            </li>
            <li>
                notification-icon
            </li>
            <li>
                icon
            </li>
            <li>
                Images
            </li>
            <li>
                Gmail
            </li>
        </div>
    </ul>

这是 CSS 部分:

ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 300pxx;

}
li{
    float: right;
    display: block;
    padding: 10px;
}

当我将 css (li) 更改为 ID“#tp-ls”时，它失去了它的布局并完全聚集在一起。我试过将它从 id 更改为 class，但正如我发现的那样，没有任何区别。

有没有什么方法可以在不影响所有

的情况下处理一组

？我确定有，但是我不明白这是怎么可能的。我也缺乏这方面的知识，不知道我在找什么，因此不知道如何在谷歌上搜索它(对于那些会回复“谷歌它”的人。)

谢谢，在收到回复之前，我会继续搜索我正在搜索的内容。

Answer 1

这里你犯了一些错误

• 您不能在 ul

  中使用 div

• 你可以看到tp-ls这个id没有分配给任何li所以你必须在ul中给这个id >

例子

ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 300pxx;

}
#tp-ls li{
    float: right;
    display: block;
    padding: 10px;
}

<div id="tp-nb">
    <ul id="tp-ls">
        <li>
            account-icon
        </li>
        <li>
            notification-icon
        </li>
        <li>
            icon
        </li>
        <li>
            Images
        </li>
        <li>
            Gmail
        </li>
    </ul>
 </div>

希望这对你有帮助:)