<div class="test">????<div class="test1">????????<div></div>????</div></div>通常我們要給上面這三個(gè)div寫(xiě)樣式,無(wú)非用2種方法,一種就是定義class/id,一種就是給最外層定義個(gè)class/id,然后用繼承去寫(xiě)。而LESS CSS給了我們一種友好閱讀的方式.test{????.margin10;????@color:#4d926f;????width:@w100 + 100px;height:100px;border:1px solid red;background:@color;????&:hover,&.selected{background-color:#FFF}????/*嵌套*/????.test1{width:@w100 - 50px;height:100px;background-color:red;font-size:20px;????????/*多重嵌套*/????????div{width:100%;height:50px;background-color:#9F0;}????}????.test1:hover{background-color:@color}}總的來(lái)說(shuō),LESS CSS不是很適合用在項(xiàng)目中,它更適用于皮膚、模板等整體框架固定死的網(wǎng)站制作,比如論壇、空間。
添加回答
舉報(bào)
0/150
提交
取消