css學習01:css基礎選擇器，css規則定義有哪些選擇符？
css選擇符（選擇器）有以下這些：
1、通配選擇符（ * ）：匹配任意元素。
2、id選擇符（ # myid）：匹配 ID 等于“myid”的任意元素 。
3、類選擇符（.myclassname）：匹配 class 等于“myclassname”的任意元素.
4、標簽選擇符（div, h1, p）：選擇指定元素名稱的所有元素。
5、相鄰選擇符（E + F）：用于選擇（不是內部）指定的第一個元素之后緊跟的元素。
6、子選擇符（E > F）：用于選取帶有特定父元素的元素，例ul > li，選擇所有父級是 <ul> 元素的每個 <li> 元素。（學習視頻分享：css視頻教程）
7、后代選擇符（E F）：用于選取元素內部的元素。
8、偽類和偽元素選擇符：用于向某些選擇器添加特殊的效果。
CSS選擇器權重如何計算？
很古老的話題了
id=100
class=10
tag（標簽）=1
按照這個規律去計算，比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面，我推薦了解下BEM命名規則，這個觀念很好，可以從側面杜絕權重問題的產生，還有一個就是提高權重的方法 !important;
css樣式中spry是什么意思？
定義 Spry 框架是一個 JavaScript 庫，Web 設計人員使用它可以構建能夠向站點訪問者提供更豐富體驗的 Web 頁。有了 Spry，就可以使用 HTML、css 和極少量的 JavaScript 將 XML 數據合并到 HTML 文檔中，創建構件（如折疊構件和菜單欄），向各種頁面元素中添加不同種類的效果。在設計上，Spry 框架的標記非常簡單且便于那些具有 HTML、CSS 和 JavaScript 基礎知識的用戶使用。Spry 框架主要面向專業 Web 設計人員或高級非專業 Web 設計人員。它不應當用作企業級 Web 開發的完整 Web 應用框架（盡管它可以與其它企業級頁面一起使用）。Spry可以使用XML和JSON兩種格式的數據源。 有關 Spry 框架的詳細信息，Spry 構建 Web 頁的教程，請訪問其網站編輯本段Spry框架的目標
1）保持開放 Spry工作在所有的HTML編輯器上，包括Dreamweaver。任何人都可以從Adobe Labs下載它，開始建立高性能的交互式Web頁面和應用程序。無需授權或服務端代碼支持。
2）易于使用 Spry使用了同建立Web頁面相同的技術，如HTML，CSS和JavaScript，包括幾個JavaScript庫。使用同樣的技術來創建和設計動態區域和交互式的工具，可以象其它HTML元素一樣在頁面上使用。
3）能夠創新（innovation） Spry提供了輕量級的強有力的模型，如增加數據、交互性，豐富的UI工具，促使你完全控制設計。 Spry同時為Web設計者和開發者而創建。 它的指導原則： 1）工作在Web產品上，集中精力于Web UI和x(HTML)產品 2）x(HTML)和CSS專家 3）熟悉JavaScript和DOM
4）關心代碼的質量
5）想創建下一代的Web頁面。 要求： 1）保持框架熟悉、輕量級和透明性 2）保持框架最小（以頁為中心Page-Centric） 3）看起來象HTML的自然擴展 4）和其它技術的整合 提供更好的設計開發工作流 1）促使設計時的數據和內容的分離 2）支持"design-time XML" 3）框架易于均衡design-time工具
為什么看到有的前端工程師將css每個選擇器里的內容寫成一行？
應該是個老程序猿，之前css壓縮沒有實現的時候，通過縮短選擇器嵌套，人工進行壓縮就出現了這個。而且沒有less，scss開發的時候這種情況更甚，不過有了這些便捷的開發方式也希望去注意一點嵌套層數。
推薦項目工程呢還是用less，scss開發比較好，css文件開發期就是被編譯的壓不壓縮無所謂了。
推薦樓主使用 vs code 這個編輯器 非常好用的東西。如果你要發展全棧或者學習node，這個玩意兒繞不開1