1、css選擇器的繼承和優(yōu)先級，前端培訓(xùn)班要學(xué)習(xí)的內(nèi)容有哪些？

前端現(xiàn)在技術(shù)很多，學(xué)習(xí)的內(nèi)容也是很多，不過最最重要的部分還是HTML，CSS，JavaScript這三個(gè)。源碼時(shí)代前端培訓(xùn)班主要內(nèi)容包括：HTML&CSS：對Web標(biāo)準(zhǔn)的理解、瀏覽器內(nèi)核差異、兼容性、hack、CSS基本功：布局、盒子模型、選擇器優(yōu)先級及使用、documentflow（文檔流）、清除浮動(dòng)，hasLayout和塊格式化上下文(block-formattincontexts)、reflow&repaint、硬件加速、HTML5（離線&存儲，多媒體，WebSockets,WebWorkers，HistoryAPI2D/3D繪圖）、CSS3、Flexbox、CSS預(yù)編譯、動(dòng)畫、響應(yīng)式布局、移動(dòng)端開發(fā)JavaScript：數(shù)據(jù)類型、面向?qū)ο蟆?shù)組、DOM、BOM、Function、繼承、閉包、內(nèi)置對象、作用域、跨域、原型鏈、、JSON、XMLHttpRequest、RegExp、模塊化、內(nèi)存泄漏、事件機(jī)制、異步裝載回調(diào)、模板引擎、前端MVC、NodeJS、JSON、ajax、框架、算法等其他（前端工程化\代碼規(guī)范\預(yù)編譯\前端框架\安全\優(yōu)化\重構(gòu)）：HTTP、ES6、ES7、React、VUE、Angular、Backbone、Underscore、Flux、WebComponent、handlebars、Gulp/Grunt、Git、CDN、WEB安全、性能優(yōu)化、項(xiàng)目重構(gòu)、團(tuán)隊(duì)協(xié)作、SEO、UED、技術(shù)架構(gòu)、快速學(xué)習(xí)能力

2、css如何設(shè)置兩個(gè)類名？

css設(shè)置兩個(gè)類名很簡單，需要兩個(gè)步驟：

一，樣式表css定義兩個(gè)類如下：

.FontRed{color:red;}

.FontSize{font-size:250%}

二，body內(nèi)引用

<p class="FontRed FontSize">我是紅色變大的字體</p>

class類的使用：

選擇符.類別名 {屬性：值}

類別名將可以在HTML的標(biāo)識符里引用：

<標(biāo)識符 class=類別名>網(wǎng)頁內(nèi)容

類的特性繼承、多態(tài)、重載、封裝，所以使用時(shí)要考慮優(yōu)先級！

3、css后代選擇器可以寫幾個(gè)？

css后代選擇器可以寫5個(gè)，本來css的后代選擇器可以選擇多個(gè)，但是層級越深，效率越低，所以最好寫5個(gè)就行

4、怎樣區(qū)分后代選擇器和子代選擇器？

1.第一從符號上來區(qū)分后代選擇器：是用空格來分隔開來 例如<h1>一個(gè)<span>人</span>的戰(zhàn)爭</h1> 就是h1 span{}子代選擇器：用特殊符號> 例如 h1>span{}

2.第二從用法上區(qū)分后代選擇器html部分：<ul class="study"> <li>物理 <ul> <li>力學(xué)</li> <li>聲學(xué)</li> <li>電磁學(xué)</li> </ul> </li> <li>數(shù)學(xué) <ul> <li>微積分</li> <li>概率論</li> <li>博弈論</li> </ul> </li> </ul> css部分//使用子代選擇器的效果.study >li{ border:1px solid red;/*只給物理和數(shù)學(xué)加一個(gè)紅色方框*/}//使用后代選擇器的效果.study li{ border:1px solid red;/*給物理 力學(xué) 聲學(xué) 電磁學(xué) 和數(shù)學(xué) 微積分 概率論博弈論都加一個(gè)紅色方框*/}這說明子代是他是單傳只給物理和數(shù)學(xué)就斷子絕孫，后代是一代傳一代。

子代選擇器時(shí)效果圖：

后代選擇器時(shí)效果圖：