Visual studio 2017 disable css formatting unnecessary spaces

Question

I have a problem when I trying to format css code. Visual studio gives me unnecessary spaces in css

Before format css code in visual studio :

.test-pare         


        

Answer 1

I believe this feature is called "Hierarchical Indentation".

You should be able to disable it by completing the following.

• Click the Tools menu
• Click Options...
• Scroll down and expand Text Editor
• Scroll down and expand CSS
• Select Advanced
• Set Hierarchical indentation to "Off".

This should stop Visual Studio formatting your CSS in the nested format.