示例

#header{h2{font-size:26px;font-weight:bold;}.menu{width:200px;height:200px;ul>li{list-style:none;}}}


说明

#header表示一个IDh2{font-size:26px;font-weight:bold;}表示#header下的h2元素.menu{width:200px;height:200px;ul>li{list-style:none;}}表示#header下的class="menu"的元素依次类推


生成的css文件(example3.css)

#headerh2{font-size:26px;font-weight:bold;}#header.menu{width:200px;height:200px;}#header.menuul>li{list-style:none;}


在html使用css(less3.html)

<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>less3</title><linkrel="stylesheet"href="example3.css"><style>#header{width:500px;height:400px;border:1pxsolid#ccc;}</style></head><body><divid="header"><h2>h2</h2><divclass="menu"><ul><li>...</li></ul></div></div></body></html>