Css 我删除了列表样式，但将其添加回一个特定位置不会'；行不通

我用下面的

ul{}

代码从

ul

列表中删除了列表样式。 我正在ASP程序中使用TinyMCE编辑器生成

ul

和

li

。 如果我用类似的代码创建一个简单的HTML文件，那么一切都会按预期进行

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

我试图在一个特定的案例中添加列表样式：

.htmlInput ul {
    list-style-type: square;
}

但是列表样式没有出现。为什么不呢？

你可以试试这个

.htmlInput ul li
     {
         list-style-type: square;
     }

使用更具体的选择器是应用css规则的关键

---

因此.htmlInput ul li具有优先权而不是fd.htmlInput ul

我们不知道HTML结构，但您的第二个选择器似乎正试图将

ul

定位在一个类为

htmlInput

的元素内

在这种情况下，您的选择器应该工作，但是填充覆盖可能意味着项目符号隐藏在视图中。填充提供了一个可以显示项目符号的区域

请参阅下面的各种示例，并测试删除已添加回的填充时会发生什么情况

ul{
列表样式：无；
保证金：0；
填充：0；
}
ul广场{
列表样式类型：方形；
填充：10px；
}
square ul{
列表样式类型：方形；
填充：10px；
}

一,
二,
三,
四,
五,


六,
七,
八,
九,
十,


十一,
十二,
十三,
十四,
五十五

您的问题是，当

列表样式位置

在外部时，第一个选择器将

填充设置为0，这不会为方形
列表样式类型
提供空间

更改位置或覆盖第二个选择器上的填充。
尝试
列表样式类型：方形！重要的请用相关的HTML代码更新问题。@cakan如果可以，我会对你的评论投反对票。后一个选择器比前一个选择器具有更高的特异性值。@HashemQolami您如何确定他是按该顺序定义css的，并且他没有
列表样式类型：none
？这是关键所在。当选择器足够强大，可以覆盖其他选择器时，顺序并不重要！使用
有什么意义！重要的
关键字当选择器本身具有更高的专用性值时？OP希望覆盖附加到
ul
选择器的声明。如果
.htmlInput ul
不这样做，
.htmlInput ul li
不会这样做，因为
.htmlInput ul
足够强大，可以覆盖前一个选择器。@HashemQolami您错了。如果您尝试一下，您会发现我是对的，我正在使用ASP程序中的tinymce编辑器生成ul和li。如果我用类似的代码创建简单的HTML文件，一切都会按预期工作。我尝试了所有的建议，到目前为止运气都不好。我很确定-看看这把小提琴：可以看出，列表受到
.htmlInput ul
的影响。因此，使用
.htmlInput ul li
在这里没有意义。捕捉得好！我没有注意到添加的
填充：0
。谢谢，我更改了填充，效果很好。现在我的问题是，正方形图标和文本之间的空白太大了，就像1。试验