如何动态更改font-size：在纯CSS中的元素之前？

Question

我想根据元素的font-size动态地改变before伪元素的大小，伪元素被设置为。

我使用的是TinyMCE v4。我添加了一种样式格式如下：

style_formats: [
    {
      title: 'Custom Bullet',
      selector: 'ul', 
      classes: 'custom_bullet'
    },
]

我使用以下格式添加以下样式：

.custom_bullet li:before{
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    float: left;
    color: #F00;
}

我想要的是，当我更改li的字体大小时，li自定义标记也应该动态更改。

我可以用JS做到这一点，但那是我想要避免的。我想找到一个基于CSS的解决方案。

Answer 1

我不确定我是否理解正确，但是：

.custom_bullet li, .custom_bullet li:before {
    font-size: 1em;
}

Answer 2

不要将字体家族用引号引起来

font-family: Glyphicons Halflings;
.custom_bullet li:before{
    content: "\e013";
    font-family: Glyphicons Halflings;
    float: left;
    color: #F00;
}