.less styling not applied when appended to <head> with jquery but .css works

I'm appending a .less file to my <head> section after a table was loaded by jquery. The .less file is loaded in my browser but the styling is not applied. When change something in my .less file and save it in visual studio, the styling is applied correctly. I switched the .less file with a .css file and stuff works on first try. Can someone explain this to me or give me a reference, please?

Solution

If you want to see how the CSS ties in with LESS in the Inspect Tool in Chrome, for example, then you would need to use source maps.