No se puede añadir una nueva regla CSS si un elemento que la está usando no está presente en el html

Hola, estoy usando la última versión y tengo el problema tal y como se describe en el título.

Estoy editando html y css por separado. He notado que al editar el css, si intento añadir una nueva clase que aún no ha usado ninguno de los elementos del lienzo, después de guardar, esa clase css se elimina,

Si en cambio creo un div ficticio, asigno por ejemplo class ="test", y luego añado la regla .test{color="red"} al CSS, el cambio de CSS se mantiene correctamente.

Aquí tienes un violín JS con el que puedes jugar para ver el comportamiento. https://jsfiddle.net/d64sc5g4/

¿Es este un comportamiento normal o un error?