javascript - 列表项样式 |动态添加 |更新样式

Question

我有一个 ul 元素，我需要动态添加 列表项。 UL 元素具有类名 res。我不想将类添加到列表项。无论如何在不丢失样式的情况下动态添加列表项..!

<ul class="res">
    <li><a href="index.html" class="active">Home</a></li>
    <li><a href="about.html" target="_parent">About</a></li>
    <li><a href="services.html">Services</a></li>
    <li><a href="gallery.html">Gallery</a></li>
    <li><a href="shortcords.html">Short Codes</a></li>
    <li><a href="contact.html">Contact</a></li>
    <li><a id="login" href="login.html">login</a></li>
    <li><a id="logout">Hello Guest<span class="arrorow">&#9660;</span></a>
        <ul class="sub-menu">
            <li><a href="#">View Profile</a></li>
            <li><a href="#">Booking History</a></li>
            <li><a href="#"  onclick="logout()">Logout</a></li>
        </ul>
    </li>
</ul>

编辑 1:我在这里附上了一张图片...请仔细查看。

我动态添加了那些带圆圈的。请检查它的样式...!

Answer 1

您可以使用 ELEMENT NAME 来设置样式，而无需为每个元素添加类。

例如:

ul.res li {
    color: red;
}

上面的代码将把红色应用到 ul 内所有 res 类的 li 元素。