css選擇器組合使用，熟練掌握并默寫標記選擇器的基本語法？
1.標記選擇器主要應用在HTML頁中的標記樣式選擇。如P選擇器就用于聲明網頁中有P標記的文本內容，同理，H1選擇器則可以標記頁面中H1的樣式。例如： H1 { font-size:14px; font-weight:bold; color:#ccc;}以上代碼表示在所有應用H1選擇器的地方，將文字的大小設為14像素并加粗，同時將顏色設為灰色，如果要改變H1的顏色，只需將color屬性更改就可以了，比如將color設為#e7eefe來與網頁的其他地方協調。 2.類別選擇器 這是一類最常用的選擇器，用它來定義網頁中需要特殊表現的樣式，類別選擇器的名稱可以由作者自由定義，一般來講類別選擇器的命名最好有一定的意義，使CSS代碼更易維護和閱讀。例如定義導航就可以使用.daohang{}或者是.nav{}，不要使用簡略或者特殊的字符串，否則可能三天后當你再讀你的CSS代碼時，就連你自己都搞不清一個樣式到底是做什么用的！ 類別選擇器就是CSS類，在HTML表現為調用的class。例如： (1)style.css文件中定義 .title { margin:10px; padding:2px 5px;}(2)HTML文件中
在上述定義中，p標簽將引用CSS文件中的title樣式應用到整個p覆蓋的范圍。p將顯示為一個上下左右margin各為10px，上下padding為2px，左右padding為5px的矩形。 請注意類別選擇器CSS定義和標記選擇器的區別：在CSS文件中，標記選擇器前邊沒有"."號，下面我們還會講到ID選擇器，它的定義也不一樣，每個ID選擇器樣式前有一個"#"號，以確定其為ID選擇器，而在HTML中則用ID="style"引用。值得注意的是，一個標簽可以同時應用多個class選擇器，如,具體大家可以在下邊思考并做下實驗，筆者在這就不舉例了。3.ID選擇器(1)ID選擇器用法和class基本沒有區別，他們的不同之處就在于ID選擇器只能在HTML頁中使用一次，而class則可以任意多次調用，在CSS文件中，ID 選擇器一般寫成 #idname { bgcolor:#339; font-size:16px;}如果一個ID應用于多個HTML標記，則有可能造成IE編譯錯誤，并且由于ID選擇器可以被JAVASCRIPT等調用，所以多個ID會導致JAVA編譯錯誤并崩潰！ (2)HTML的引用 在HTML中引用ID選擇器的代碼如下所示： 并且ID選擇器不能像類別選擇器那樣同時被一個標簽調用。這也是完全錯誤的語法。 復合選擇器就是基本選擇器通過不同的鏈接方式構成的。 復合選擇器就是兩個或多個基本選擇器，通過不同方式鏈接而成的選擇器。
css樣式語法？
css的樣式語法是：
1、css規則由選擇器和一條或多條聲明兩個部分構成；
2、選擇器通常是需要改變樣式的HTML元素；
3、每條聲明由一個屬性和一個值組成；
4、屬性和屬性值被冒號分隔開。css樣式語法規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。
是什么選擇器？
head img 選擇器：就是指定CSS要作用的標簽，那個標簽的名稱就是選擇器。意為：選擇哪個容器。
CSS的選擇器分為兩大類：基本選擇題和擴展選擇器。
基本選擇器：
標簽選擇器：針對一類標簽ID選擇器：針對某一個特定的標簽使用
類選擇器：針對你想要的所有標簽使用
通用選擇器（通配符）：針對所有的標簽都適用（不建議使用）
postcss和cssmodule是什么？
postcss是什么？
根據官網的解釋，它是一種javascript編寫的工具，用來轉化css的。可以認為它是處理css的插件集合，需要配合諸如webpack、gulp等編譯工具才能展現它強大的能力。
目前社區提供了非常多的插件，比較有名的如下：
autoprefixer 可以為css的屬性配置兼容性的前綴，不需要手動添加postcss-preset-env 允許你使用更加現代的css特性stylelint 檢查css語法錯誤cssnano css的壓縮器等等postcss的原理如果大家了解babel的原理，那就應該聽說過AST即抽象語法樹。編譯器將字符串進行詞法分析、語法分析，再做轉換，最終達到預期的結果。postcss也是同樣的原理，這個包已經為使用者提供了解析的方法parse，并且也提供了很多轉化的API，利用這些就可以自己開發一款postcss插件了。
css Module是什么？先前呢，我們使用css選擇器，它是對整個頁面是有效的，也就是全局的，當你每次迭代需求的時候，需要考慮每次添加新的css是否會影響到其他地方，所以我們有時選擇為樣式表添加命名空間。css Module為我們提供了另外一種開發方式，它可以使css具有局部作用域。
用法如下：
用法是如此的簡單，基本一看就會，css-loader為我們提供了css Module的開關，只要為css-loader添加參數選項modules就可以開啟。注意：它必須放在less或者sass的loader之前。
那它如何做到局部作用域的呢？
打開element面板可以發現，它把class變成了md5戳，對應每個組件，保持唯一。
vue的scoped由此我們聯想到vue的scoped，它也解決了css局部作用域的問題！
它在dom上生成了一個data屬性，并且給class選擇器添加了屬性選擇器，類似于之前的md5戳。不過由于添加了屬性選擇器，使得選擇器的優先級變高了，想在組件外面覆蓋css屬性就變得不那么容易了！
喜歡我的回答就關注我吧，有問題可以發表評論，我們一起學習，共同成長！