css3基本選擇器詳解，css選擇器加是什么？
css選擇器加.是類選擇器，選擇與class屬性相匹配的類名
想學前端開發應該從哪里入門？
1.HTML5+CSS3
掌握HTML基本語法; 掌握HTML常用標簽及屬性; 掌握HTML語義化
掌握CSS語法及使用技巧; 掌握DIV+CSS布局方法; 掌握瀏覽器常見兼容性解決方案
掌握PS基礎知識、切圖及插件切圖; 掌握瀏覽器調試工具的使用方法; 掌握網站重構開發基本流程和規范; 掌握語義化、模塊化、兼容性的PC端網站重構
掌握HTML5新增的結構化標簽; 掌握HTML5瀏覽器兼容方式
掌握CSS3新增的選擇器; 掌握CSS3新增的樣式屬性; 掌握彈性盒布局方法及技巧; 掌握Animate動畫庫使用方法
掌握Less的使用方式; 掌握Less的常用語法
掌握移動端屏幕適配的解決方案; 掌握設備系統不同的解決方案; 掌握移動端重構常見的兼容問題解決方案
掌握響應式布局適用場景; 掌握實現響應式布局的解決方案
2. JS交互設計
掌握JavaScript的基本語法； 掌握JavaScript內置對象； 掌握JavaScript常見算法； 掌握JavaScript函數應用
掌握DOM的各種操作； 掌握BOM的各種操作
掌握JavaScript事件的對象； 能夠熟練使用正則表達式進行表單驗證； 掌握閉包的應用場景及優缺點； 掌握AJAX的實現原理及封裝
熟練使用面向對象思想進行編程
掌握項目的開發流程； 掌握音頻視頻常用API使用； 熟練使用WebAPIs編程
掌握Touch.js在移動端的應用
熟悉jQuery常見操作； 熟悉jQuery DOM操作； 掌握jQuery核心API
掌握Zepto的使用方法
3.Node
掌握ES6新特性； 掌握模板字符串用法； 掌握解構賦值用法； 掌握箭頭函數用法； 掌握Promise、async...await用法； 掌握ES6 class用法
掌握Node特性； 掌握Node操作文件和目錄； 掌握Node搭建服務器； 掌握前后臺交互過程
掌握Express的用法； 掌握Express的路由配置； 掌握Express的內置中間件使用； 掌握Express的常見第三方中間件使用； 掌握Express渲染視圖模板
掌握MySQL數據庫設計規范； 掌握MySQL之CURD操作指令； 掌握Node操作MySQL； 掌握MVC和MVP概念
掌握Webpack打包項目過程； 熟悉Gulp用法； 掌握ES6和commonjs模塊化用法
掌握WebSocket； 熟悉Koa2的用法
掌握接口設計規范； 掌握權限系統設計； 掌握token令牌設計； 掌握登錄攔截； 掌握項目部署
4.前端框架
掌握Vue基礎語法和指令； 掌握Vue計算屬性和監聽的使用方法； 掌握Vue組件的定義和基本使用
掌握Vue組件通信的方法； 掌握Vue路由的使用； 掌握Vue路由守衛的使用； 掌握Vue網絡請求Axios的使用； 熟悉Vuex狀態管理； 熟悉UI庫的使用
掌握Vue相關知識的綜合使用； 熟悉Vue項目的開發、部署流程； 熟悉Git版本控制軟件的使用； 熟悉數據可視化工具的使用" 掌握TypeScript基本類型的使用； 能熟練在Vue-cli3.0中使用TypeScript
掌握React的JSX語法使用； 掌握React事件綁定的方法； 掌握React組件的定義和通信； 掌握React路由及相關路由組件的使用方法； 掌握React網絡請求的使用方法； 熟悉React狀態管理Flux、Redux的原理和流程； 熟悉React項目優化、部署流程
5.小程序+數據可視化
掌握Vue基礎語法和指令； 掌握Vue計算屬性和監聽的使用方法； 掌握Vue組件的定義和基本使用
掌握Vue組件通信的方法； 掌握Vue路由的使用； 掌握Vue路由守衛的使用； 掌握Vue網絡請求Axios的使用； 熟悉Vuex狀態管理； 熟悉UI庫的使用
掌握Vue相關知識的綜合使用； 熟悉Vue項目的開發、部署流程； 熟悉Git版本控制軟件的使用； 熟悉數據可視化工具的使用
掌握TypeScript基本類型的使用； 能熟練在Vue-cli3.0中使用TypeScript
掌握React的JSX語法使用； 掌握React事件綁定的方法； 掌握React組件的定義和通信； 掌握React路由及相關路由組件的使用方法； 掌握React網絡請求的使用方法； 熟悉React狀態管理Flux、Redux的原理和流程； 熟悉React項目優化、部署流程
關注優就業，學習更多IT知識。
css派生選擇器有幾種？
基本選擇器
1.標簽選擇器：直接用元素的標簽來進行選擇
span { // 直接選擇span標簽
size:16px;
}
1
2
3
1
2
3
2.ID選擇器：通過設置id名字，進行精確的選擇，用#來定義
# div1 { //通過id名字來進行選擇
color:red;
}
<div id="div1">1</div>
1
2
3
4
1
2
3
4
3.類選擇器:通過類名來進行選擇，選擇范圍比id選擇器大，用’.'來定義
.div1 { //所有類名為div1的都被選擇了
color:red;
}
<div id="div1">1</div>
<div id="div1">1</div>
<div id="div1">1</div>
1
2
3
4
5
6
1
2
3
4
5
6
4.通配符選擇器：范圍更大，作用于所有標簽，用*來定義
不建議使用，對頁面加載負擔大
高級選擇器
1.后代選擇器：定義用空格隔開
div span { //選擇的是div標簽下的span標簽，當然后代顧名思義可以不止隔一代，可以隔多代進行選擇
color：red；
}
<div><span>1</span></div>
1
2
3
4
1
2
3
4
2.交集選擇器：與后代選擇器定義的不同是，沒有空格隔開，兩個元素緊挨著
span#a1 { //選擇的是兩個條件1.既是span標簽的 2.id名是a1的元素，兩個條件缺一不可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
3.并集選擇器：定義用逗號隔開
span，#a1 { //選擇的是1.是span標簽的 2.id名是a1的元素，兩個條件滿足一個即可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
4.偽類選擇器：
1.靜態偽類：點擊連接之前（link），點擊連接之后(visited)這樣的
2.動態偽類：鼠標移入（hover），點擊之后（focus）
使用scss或less代替css值得嗎？
Sass/Scss&Less是什么？Sass (Syntactically Awesome Stylesheets)是一種動態樣式語言，語法跟css一樣(但多了些功能)，比css好寫，而且更容易閱讀。Sass語法類似與Haml，屬于縮排語法（makeup），用意就是為了快速寫Html和Css。Less一種動態樣式語言. 將CSS賦予了動態語言的特性，如變量，繼承，運算， 函數. LESS 既可以在客戶端上運行 (支持IE 6+, Webkit, Firefox)，也可一在服務端運行 (借助 Node.js)。less英文站需要翻墻，也可以訪問中文站。
優點：1、提供了許多便利的寫法，讓CSS 的處理實現了可編程處理。2、擴展了 CSS3，增加了規則、變量、混合、選擇器、繼承等等特性，可以生成風格良好的 CSS 樣式表文件，易于組織和維護。3、能有效減少代碼冗余的問題另外：建議使用 scss 文件，這種和我們平時寫的 css 文件格式差不多，使用大括號和分號。以避免 sass 后綴名的嚴格格式要求而報錯。
個人覺得scss可以使操作更簡便，表達更簡便，還是值得試一試的。