sh1's questions

Suponha que eu tenha definido o CSS font-feature-settingspara algum valor que faça sentido para a maior parte da minha página.

Agora, nas tabelas, gostaria de adicionar o tnumrecurso para garantir que todos os números fiquem alinhados para facilitar a comparação (evitando o problema em que "1111" pode parecer menor que "999").

Existe alguma maneira de estender o valor de font-feature-settingssem ir até onde ele está definido globalmente copiando e colando com modificações? Consultando e editando o valor herdado em CSS, ou algo assim?

Vejo esse padrão na documentação :

<input type="checkbox" id="foo" /><label for="foo">Foo!</label>

Mas o problema é que ele deixa uma zona morta entre a caixa de seleção e seu rótulo, onde você pode clicar no rótulo e pode clicar na caixa, mas há um pequeno espaço entre os dois onde os cliques não fazem nada e isso é meio irritante.

Obviamente, isso piora se houver algum espaço em branco entre as tags de entrada e de rótulo.

Para resolver o problema, tentei isto:

<label for="foo"><input type="checkbox" id="foo" />Foo!</label>

Isso "funciona para mim" no sentido de que elimina aquele ponto morto entre caixa e texto e é muito mais fácil de interagir. Mas é HTML legal e idiomático?