I can't find this now but I've read it before on various blogs discussing the topic. I'll give an example and hopefully it's clear (albeit it may not clarify anything at all).Given this piece of markup (arbitrary on purpose):<div class=myWrapper>  <a href=somepage.url class=img>    <img url=someimage.url>  </a></div><div class=yourWrapper>  <a href=somepage.url class=img>    <img url=someimage.url>  </a></div>While the CSS could read like this:.myWrapper .img img {border: thin black solid;}.myWrapper .img {margin:10px;}.yourWrapper .img img {border: thick red dashed;}.yourWrapper .img {margin:20px;}It could also be written like this:.myWrapper {  .img {     margin:10px;    img {        border: thin black solid;    }  }}.yourWrapper {  .img {     margin:10px;    img {        border: thick red dashed;    }  }}But I can't remember seeing where that was discussed or if it's something in the works. Anybody know what the hell I'm talking about?And I don't think this is an SO question or I would've put it on SO.
Nested CSS styles ~ Where have I seen this concept before?
html;css
LESS CSSdynamic stylesheet language designed by Alexis Sellier. It is influenced by Sass and has influenced the newer SCSS syntax of Sass, which adapted its CSS-like block formatting syntax. LESS is open-source. Its first version was written in Ruby, however in the later versions, use of Ruby has been deprecated and replaced by JavaScript. The indented syntax of LESS is a nested metalanguage, as valid CSS is valid LESS code with the same semantics. LESS provides the following mechanisms: variables, nesting, mixins, operators and functions; the main difference between LESS and other CSS precompilers being that LESS allows real-time compilation via LESS.js by the browser.] LESS can run on the client-side and server-side, or can be compiled into plain CSS...LESS uses those nested styles.#header {  color: red;  a {    font-weight: bold;    text-decoration: none;  }}