我们如何为Javascript中生成的li提供CSS样式？

Question

不确定这是否已经有答案。我已经完成了大约4-5个SO问题和其他资源的失败。

我有一个小项目。它有两个列表。一个列表具有硬编码值。当用户输入一些文本时，另一个列表会动态获取项目。

问题是功能是否实现，但造型。我向class提供了ul，并将以下格式应用于li

ul.myUL li { 
    width: 600px; 
    height: 85px; 
}.

以上代码没有任何效果。但是，如果我将样式仅应用于ul，则会影响文档中的未排序列表。 有没有办法单独将样式赋予所需的部分？

ul.myUL li {
  cursor: pointer;
  position: relative;
  width: 500px;
  height: 75px;
}

<ul id="myUL">
</ul>

以下是代码段：

如果您需要更多代码来解决此问题，请与我们联系。

Answer 1

在ul中你给了id并以错误的方式在css中访问它。 使用这个

 ul#myUL li {
    cursor: pointer;
    position: relative;
    width: 500px;
    height: 75px;
    }