启用列表样式的CSS

Question

我的主CCS文件包含列表的以下属性

{
list-style: none;
}

请注意，我无法更改此属性。

在我的应用程序中，我需要生成一个列表。这将是根据用户输入的动态生成列表。它可以是有序或无序列表，也可能根本不生成。

我想为此列表启用"list-style"以防生成。我如何实现这一目标？

Answer 1

在写入之后动态添加class到ul生成：

.yourClass{
 list-style: disc;
}

或

.yourClass {
    list-style: disc !important;
}

$(document).ready(function(){
    $("<ul class=yourClass><li>generate dynamically</li></ul>").appendTo("body");
})

ul {
    list-style: none;
}

.yourClass {
    list-style: disc;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<ul>
 <li>Not generate dynamically</li>
</ul>