sass學習入門篇(三)

2022-09-16 02:42:10 字數 715 閱讀 4498

這章我們講「巢狀」,巢狀包括兩種:一,選擇器巢狀。二是屬性的巢狀。一般用選擇器巢狀居多

一,選擇器巢狀:指的是在乙個選擇器中巢狀另乙個選擇器來實現繼承。使用&表示父元素選擇器

li

}

}

跟css用法一樣,沒什麼說的。

二,屬性巢狀,指的是有些屬性擁有同乙個開始單詞,如border-width,border-color都是以border開頭

.fshadow     

}}

這種用法倒是沒見過,可以試試。

三,@at-root是sass3.3.0版本的新增功能,用來跳出選擇巢狀的

//沒有跳出

.parent-1

}//單個選擇器跳出

.parent-2

}//多個選擇器跳出

.parent-3

.child2

}}

解析的css:

//沒有跳出

.parent-1

.parent-1 .child

//單個跳出

.parent-2

.child

//多個跳出

.parent-3

.child1

.child2 {

width: 400px;

Postman學習入門篇

postman學習入門篇 document json schema monitor mock 1.document 2.monitor 3.mock 注意 基於postman的monitor只能監聽公共的介面,不能監聽本地和私有介面,因為監聽伺服器在postman公有雲上 文獻選自 1.postma...

深度學習入門篇

很多剛開始接觸深度學習的小夥伴們內心常常會非常糾結,深度學習是不是很難,沒有機器學習基礎是不是學不起來等等。但是,我今天要說的是,沒有機器學習的基礎也能直接上手深度學習!如果是放到以前的大環境下,跳過機器學習直接進行深度學習,那必然是非常困難的,畢竟以前各類的 整合庫都不多。但是隨著時間的推移,深度...

socket程式設計入門篇(三)

這篇部落格介紹多執行緒併發伺服器的實現。下面貼 服務端 include include include include include include include include include includeusing namespace std define serverip 127.0.0...