Html 删除项目符号添加勾号不工作

我正在尝试删除一些项目符号点，并用记号替换它们。我可以让它工作，但是我的菜单栏坏了。因此，我需要向

添加一个类，这样它就不会影响任何其他内容

我试图添加一个类，但仍然不起作用。为什么?

不工作：

正在工作但弄乱了我的菜单栏：

HTML:

<ul class="removeBulletAddTick">
    <li class="removeBulletAddTick"> Test text 1</li>
    <li class="removeBulletAddTick">Test text 2</li>
    <li class="removeBulletAddTick">Test text 3</li>
</ul>

ul removeBulletAddTick{
  list-style: none;
}

ul li:before {
  content: '✓';
}

更新

当我提出你的建议时，我的菜单栏搞乱了：

事实证明，类选择器没有正确声明，它缺少句点（

），应该是

。removeBulletAddTick

ul .removeBulletAddTick {
  list-style: none;
}

ul li.removeBulletAddTick:before {
  content: '✓';
}

下面的代码演示了这一点，您会注意到有问题的类添加到列表项规则中，以获得更具体的信息-这是为了确保这些规则仅适用于您想要它们的列表项；哪些是具有类

。removeBulletAddTick

的

ul .removeBulletAddTick {
  list-style: none;
}

ul li.removeBulletAddTick:before {
  content: '✓';
}

您甚至不需要在每个列表项上声明该类。最好在包含的父元素上声明它，如下所示：

ul.removeBulletAddTick {
  list-style: none;
}

ul.removeBulletAddTick li:before {
  content: '✓';
}

代码片段演示：

<ul class="removeBulletAddTick">
    <li class="removeBulletAddTick"> Test text 1</li>
    <li class="removeBulletAddTick">Test text 2</li>
    <li class="removeBulletAddTick">Test text 3</li>
</ul>

ul removeBulletAddTick{
  list-style: none;
}

ul li:before {
  content: '✓';
}

ul.removebletaddtick{
列表样式：无；
}
移除BulletAddtick li:之前{
内容:'✓';
}

测试文本1
测试文本2
测试文本3

结果是，类选择器没有正确声明，缺少句点（

），应该是

。removeBulletAddTick

ul .removeBulletAddTick {
  list-style: none;
}

ul li.removeBulletAddTick:before {
  content: '✓';
}

下面的代码演示了这一点，您会注意到有问题的类添加到列表项规则中，以获得更具体的信息-这是为了确保这些规则仅适用于您想要它们的列表项；哪些是具有类

。removeBulletAddTick

的

ul .removeBulletAddTick {
  list-style: none;
}

ul li.removeBulletAddTick:before {
  content: '✓';
}

您甚至不需要在每个列表项上声明该类。最好在包含的父元素上声明它，如下所示：

ul.removeBulletAddTick {
  list-style: none;
}

ul.removeBulletAddTick li:before {
  content: '✓';
}

代码片段演示：

<ul class="removeBulletAddTick">
    <li class="removeBulletAddTick"> Test text 1</li>
    <li class="removeBulletAddTick">Test text 2</li>
    <li class="removeBulletAddTick">Test text 3</li>
</ul>

ul removeBulletAddTick{
  list-style: none;
}

ul li:before {
  content: '✓';
}

ul.removebletaddtick{
列表样式：无；
}
移除BulletAddtick li:之前{
内容:'✓';
}

测试文本1
测试文本2
测试文本3

你是想写

ul.removeBulletAddTick

？谢谢你的回答@WanderNauta。我刚刚更新了我的问题。它需要是ul.removebellateddick，因为类和标记在同一行中。ul和类名之间没有空格。JSFIDLE不适用于您，因为您没有正确声明类选择器-您只是缺少选择器前面的句点（

）。它应该是

。removeBulletAddTick

。更新的JSFiddle:beauty-Working lige a charm@UncaughtTypeError。你能给出一个答案，这样我就可以结束这个问题了吗？你是想写

ul.removeBulletAddTick

？谢谢你的回答@WanderNauta。我刚刚更新了我的问题。它需要是ul.removebellateddick，因为类和标记在同一行中。ul和类名之间没有空格。JSFIDLE不适用于您，因为您没有正确声明类选择器-您只是缺少选择器前面的句点（

）。它应该是

。removeBulletAddTick

。更新的JSFiddle:beauty-Working lige a charm@UncaughtTypeError。你能给出一个答案吗？这样我就可以结束这个问题了？