css选择器

.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