Selector optimization

[karthikv]

Even though nesting properties in LESS feels so natural, it often results in inefficient CSS that overuses the costly descendant selector, as shown below:

.topbar form input
.pagination ul li a
.topbar ul li ul li a
.tabs li a

Removing the superfluous descendants yields much more optimized—and simplified—CSS:

.topbar input
.pagination ul a /* or */ .pagination li a
.topbar ul ul a /* or */ .topbar li li a
.tabs a

Although these changes may make the LESS files a tad less intuitive, they are valuable when it comes to speed and will be of benefit to a large CSS framework such as this.

[mdo]

For sure. We've made incremental changes to a lot of things to try to optimize selectors. Good feedback here :). We'll try to make this a continual effort, in addition to fixing this issues here.

[karthikv]

It's good to hear that you're interested. I just recently created a pull request consisting of multiple optimizations; see #114.

[fat]

i believe these were included in 1.2 thanks!