Prevent indenting when formatting CSS

Question

In Visual Studio 2013, when I format my CSS code ( Ctrl + K + F ), sometimes my CSS properties are inserted into the hierarchy.

For example:

.a { color:red; } .a .b {color:blue; } 

becomes:

 .a { color:red; } .a .b { color:blue; } 

When I would prefer:

 .a { color:red; } .a .b { color:blue; } 

Is there a way to modify Visual Studio to prevent this indentation?

Answer 1

Yes, you can set this preference in the "Tools", "Options" menu.

Collapse in the Text Editor to CSS , and under Advanced turn off the Hierarchical Indentation :