.fancy td { color: #f60; background: #666; }
在上面这个例子中，类名为 fancy 的更大的元素内部的表格单元都会以灰色背景显示橙色文字。（名为 fancy 的更大的元素可能是一个表格或者一个 div）
td.fancy { color: #f60; background: #666; }
在上面的例子中，类名为 fancy 的表格单元将是带有灰色背景的橙色。
less文件中的写法：
.meng { color: red; .long { font:bold 12px/20px "宋体"; } a { color:#000; span {padding: 10px;} i {width:10px; em { height : 90px; } } }
编译成css之后的样式：
.meng { color: red; } .meng .long { font: bold 12px/20px "宋体"; } .meng a { color: #000; } .meng a span { padding: 10px; } .meng a i { width: 10px; } .meng a i em {
原文：https://www.cnblogs.com/shuhe-nd/p/11544124.html