The innovations that LESS brings to CSS are the foundation for a powerful new approach to constructing page layouts. That approach is the The Semantic Grid System. This new breed of CSS grid shines where the others fall short:
- It’s semantic;
- It can be either fixed or fluid;
- It’s responsive;
- It allows the number of columns, column widths and gutter widths to be modified instantly, directly in the style sheet.
I would never dream of using CSS markup like
#header. To understand the reason not to do so, one must appreciate that developers target web controls using that class attribute and not ID. This is because when an ID for a control is dynamically generated server-side, the client-side ID is indeterminate.