css选择器

.fancy td {
    color: #f60;
    background: #666;
    }

css中的规则：

1.A>B 表示选择A元素的所有子B元素（只选择第一代）

2.A B   表示选择A元素的所有子B元素（选择在A标签里面所有的B元素，不止第一代）

3.A+B表示HTML中紧随A的B元素：用一个结合符只能选择两个相邻兄弟中的第二个元素

在css中，类名+空格+类名，表示一种前后代关系。

在css中 ,类名+类名,表示一种多类选择器，匹配同时具有这两个类的元素。

在html中，class="类名+空格+类名",表示该元素同时拥有两个类名

 

 

 

在上面这个例子中，类名为 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 {