jquery - 如何添加字体变体数字 : tabular-nums; to jquery?

Question

我一直在尝试将 font-variant-numeric: tabular-nums 应用于此，但它不起作用我也不知道它是否应该起作用查看更多信息 https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric https://www.youtube.com/watch?v=ZjAfnc7UmM4&t=214s

var countDownDate = new Date("Jan 5, 2021 15:37:25").getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 
60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 
60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("demo").innerHTML = days + "d " + hours + "h 
"
+ minutes + "m " + seconds + "s " + "till release on Jan 5, 2021";
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "EXPIRED";
}
}, 1000);

Answer 1

您可以使用 jQuery 的 .css( propertyName, value )将 CSS 属性添加到 HTML 元素的 API。

$("#demo").css("font-variant-numeric": "tabular-nums")

建议:我建议在样式表(例如foo.css)中定义一个新类并使用jQuery 的.addClass( className )用于设置 HTML 元素样式的 API。