css3偽元素選擇器，css派生器區別是什么？
派生選擇器 可以使一個元素里的子元素定義樣式 例如： li a { font-size:14px} 就是給li下的子元素a定義一個14px號像素的字體樣式 類別選擇器 在html中引入css樣式通常由，類別選擇器 在CSS中用一個“.”點開頭表示 如：.box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html頁面中，用class="類別名"的方法調用： 這里是內容 類別選擇器方法比較簡單靈活，可以隨時根據頁面的需求新建和刪除 還有，id選擇器 在CSS中用“#”號開頭表示 如：#box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html頁面中，用id="類別名"的方法調用： 這里是內容 id選擇器和類別選擇器其實是一樣的 通常id選擇器僅是用來表示不重復的樣式 相對的來說，類別選擇器靈活一些，而id選擇器僅表示重要的樣式字段
接下來應該工作還是應該考研深造？
作為一名計算機專業的教育工作者，我來說說我的看法。
首先，如果想進入大廠發展，即使是從事前端開發，讀研也是有必要的。從近幾年的就業情況來看，不少研究生會選擇從事前端開發，而且有一部分在國外讀研的同學，即使主攻的是人工智能相關方向，也會選擇大廠的前端開發崗位，原因很簡單，就是前端開發的崗位競爭并不算太激烈。
從大的技術發展趨勢來說，未來前端開發全棧化、智能化也是一個比較明顯的發展趨勢，尤其是隨著PaaS相關平臺開始逐漸落地應用，前端開發的功能邊界正在不斷得到擴展，這也對前端開發人員提出了更高的要求，所以即使主攻前端方向，讀研也會提升自己的就業競爭力，而且對于未來的發展也會有比較積極的作用。
如果未來想從事前端開發，在讀研期間可以重點關注一下交互方向，目前有不少導師都有交互方向的課題組，而且有的課題組規模還比較大，相關的科研資源和產業資源也比較豐富，相信參加這樣的課題組，不僅會提升自己對于前端的認知能力，同時也會開闊自己的眼界。實際上，從技術層面來說，前端領域也有很多技術創新點。
目前對于想主攻前端方向的同學來說，可以重點關注一下專碩，一方面專碩的創新更注重與產業領域的結合，另一方面專碩本身的學制也相對短一些，可以更早進入產業領域發展，這也是一個比較明顯的優勢，而且從當前研究生教育的發展趨勢來看，未來專碩教育將有較大的提升空間。
我從事教育、科研多年，目前在帶計算機專業的研究生，主要的研究方向集中在大數據和人工智能領域，我會陸續寫一些關于互聯網技術方面的文章，感興趣的朋友可以關注我，相信一定會有所收獲。
如果有互聯網、大數據、人工智能等方面的問題，或者是考研方面的問題，都可以私信我！
web學起來難不難？
前端的學習路線如下：
第一階段HTML+CSS核心基礎 HTML,CSS核心基礎CSS過渡HTML5語義化標簽線性漸變，徑向漸變HTML新增標簽屬性CSS動畫Animation表單項新增屬性彈性盒模型CSS選擇器經典布局練習(雙飛翼，CSS3偽類 品字布局) + 案例CSS偽元素響應式布局第二階段JavaScriptJavaScript基礎JavaScript操作DOMJavaScript面向對象(js高級)第三階段PC端整棧開發PC項目jQueryjQuery項目lessbootStrap第四階段ES6+Node+工程化ES6/7/8promisenpm常用命令git基礎（常用操作）git高級Node.js基礎git基礎（常用操作）http協議 & cookie & sessionMongoDBExpress框架ajax(原生，jQuery,axios,fetch)ajax庫基本封裝使用 promise封裝模塊化構建工具gulp，webpack4.0基礎第五階段React技術棧React基礎語法react-routerReact Antd使用ReduxReact移動端項目第六階段Vue技術棧Vue基礎VueRouterVuexVue源碼(v-model, 雙向數據綁定)VuePC項目-電商Vue后臺管理第七階段小程序小程序UniAppTypeScript第八階段就業指導+面試精講vue實戰(移動端)小程序實戰 面試精講就業指導不管學什么，都是完后開頭難。
你要針對性的去學習，不要一口吃個大胖子，學習是個循循漸進地過程。
建議按著學習路線去學習，基本這種都是針對企業的招聘來安排的課程。或者看看招聘信息去學習。
每天有效學習時長要有6個小時這樣，1-2小時的筆記時間，敲代碼的時長2-3小時。
編程一定要代碼量上去！！！
因為很多都是一學就會，一敲就廢。
俗話說，鍵盤敲爛月薪過萬；鍵盤落灰狗屎一堆。
學編程沒有什么捷徑，就是要多看別人的代碼，多敲自己的代碼。多思考為什么要這樣，培養編程思維。
偽元素如何實現鼠標移入時下劃線展開特效？
完整代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鼠標移入下劃線展開</title>
<style type="text/css">
#underline{
width: 200px;
height: 50px;
background: #ddd;
margin: 20px;
position: relative;
}
#underline:after{
content: "";
width: 0;
height: 5px;
background: blue;
position: absolute;
top: 100%;
left: 50%;
transition: all .8s;
}
#underline:hover:after{
left: 0%;
width: 100%;
}
</style>
</head>
<body>
<div id="underline"></div>
</body>
</html>