Prevent indent when formatting CSS

Question

In Visual Studio 2013 when I format my CSS code (Ctrl+K+F) it will sometimes indent my CSS properties into a 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 of modifying Visual Studio to prevent this indentation?

Reg Edit · Accepted Answer · 2014-08-20 19:29:29Z

63

Yes, you can set a preference for this from the Tools, Options menu.

Drill down in Text Editor to CSS, and under Advanced, turn Hierarchical Indentation off:

enter image description here

answered Aug 20, 2014 at 19:29

Reg Edit

6,9642 gold badges42 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

PahJoker Over a year ago

This change takes immediate effect, but if your css file is open with a split screen when you make the change it will only take effect in the top panel. Just un-split or close and reopen to remedy. (VS2017)

Dunge Aug 31 at 0:18

Isn't this a bug in the text editor? It also happens when styles are not hierarchic, just completely different ones next to another styles.

Collectives™ on Stack Overflow

Prevent indent when formatting CSS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related