假设我已将 CSS 设置font-feature-settings为对我的页面主体有意义的某个值。
现在，我想在表格中添加该tnum功能，以确保所有数字都整齐对齐，以便于比较（避免“1111”看起来小于“999”的问题）。
有没有办法可以扩展 的值，font-feature-settings而不用去全局设置它的地方进行复制粘贴并进行修改？通过查询和编辑 CSS 中的继承值，或者类似方法？
我在文档中看到了这种模式：
<input type="checkbox" id="foo" /><label for="foo">Foo!</label>
但问题是，它在复选框和它的标签之间留下了一个死区，您可以单击标签，也可以单击复选框，但两者之间存在一点间隙，单击不会执行任何操作，这有点烦人。
显然，如果输入和标签标签之间有任何空格，情况会变得更糟。
为了修复这个问题我尝试了这个：
<label for="foo"><input type="checkbox" id="foo" />Foo!</label>
这对我来说很有效，因为它消除了框和文本之间的死角，并且更容易交互。但它是合法且惯用的 HTML 吗？