如果 class 内容的值小于 10，则将 ::before 'content' 添加到 CSS class

Question

我正在尝试在屏幕截图中为小于 10 天的天数添加一个“0”（我认为这是正确的用词）：

我有 CSS 的基本结构来添加前面的“0”值，但我只是不知道如何仅在值小于 10 时添加它。如您所见我成功地将它添加到整个 class，但它也添加到我不想要的“11”值。

非常感谢任何帮助。

迈克尔

Answer 1

宁愿用jquery

$(".target-div").each(function(){
 $(this).html(($(this).html<10?"0":"")+$(this).html());
});

这里.target-div是日期div

Answer 2

如果您可以添加一些标记，那么我会用 span 结束这一天。像这样：

<div class="evo_date">
    <div class="start">
        <span>4</span>
        <em>Feb</em>
    </div>
</div>

然后运行这个 jQuery 片段：

$(".evo_date .start span").each(function() {
    if ($(this).text().length == 1) {
        $(this).text("0" + $(this).text());
    }
});

add ::before 'content' to CSS class if value of class content is less than the value of 10