Thinking about a compressed CSS style with a secondary aim of avoiding merge conflicts if it’s committed. Thoughts?

/*!tab indents*/
.sel1{prop:value;prop:value}
.sel2,.sel3{prop:value;prop:value}
/*!preserved comment*/
@media(min-width:1px){
	.sel4,.sel5{prop:value;prop:value}
}
.sel6{prop:value;prop:value}