FIDDLE

Question

我正在使用contentEditable div来添加我的内容。我使用javascript（脚本＃）从我的UI设置字体大小，颜色，面部和项目符号。我使用css应用自己的子弹样式。这是我的一个css

.marker-check-mark:before{
     content: "\2718";
     margin: 0.5em;
     color : Black; 
}

这会将“复选标记”打印为“ul”类型。

现在我想将其字体大小设为16.但我不希望这会影响此列表内容的字体大小。

有没有办法做到这一点。

一种解决方案是在每个li中添加带有syle属性的字体标记或span标记。但我想避免这种解决方案。

请给我一个更好的解决方案.....

Answer 1

如果我理解你的要求，你想设置复选标记的大小？为什么不简单地设置前选择器的字体大小？

.marker-check-mark:before  {
    content:"\2718";
    margin: 0.5em;
    color : Black;
    font-size:16px;
}

Answer 2

我认为你或多或少地回答了你自己的问题！

这是你的答案：

.marker-check-mark:before{
    content: "\2718";
    margin: 0.5em;
    color : Black;
    font-size: 16px
}

:before伪元素本质上充当DOM中的独立元素，这意味着您可以完全独立于元素本身设置样式。因此，将font-size添加到.marker-check-mark:before不会影响.marker-check-mark的字体大小。