AcCSS

github

• Index
• Nested Block
• Variables
• Functions
• Tips
  • Cross-browser definition
  • Protect property value
  • Limit css scope

Nested block

AcCSS source

ul {
    list-style: square;
    li, a {
        color: red;
        text-decoration: none;
    }
    $->.second {
    	background: blue;
    }
}

CSS result

ul{
    list-style:square;
}
ul li,ul a{
    color:red;
    text-decoration:none;
}
ul.second{
    background:blue;
}

HTML

<ul>
	<li>Text</li>
	<li><a href="#">Link</a></li>
</ul>
<ul class="second">
	<li>Text</li>
	<li><a href="#">Link</a></li>
</ul>

Preview