css選擇器實(shí)現(xiàn)原理，css器是什么？
css是層疊樣式表，是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。它不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動(dòng)態(tài)地對(duì)網(wǎng)頁各元素進(jìn)行格式化。CSS為HTML標(biāo)記語言提供了一種樣式描述，定義了其中元素的顯示方式，實(shí)現(xiàn)了很多功能。
css派生選擇器有幾種？
基本選擇器
1.標(biāo)簽選擇器：直接用元素的標(biāo)簽來進(jìn)行選擇
span { // 直接選擇span標(biāo)簽
size:16px;
}
1
2
3
1
2
3
2.ID選擇器：通過設(shè)置id名字，進(jìn)行精確的選擇，用#來定義
# div1 { //通過id名字來進(jìn)行選擇
color:red;
}
<div id="div1">1</div>
1
2
3
4
1
2
3
4
3.類選擇器:通過類名來進(jìn)行選擇，選擇范圍比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.通配符選擇器：范圍更大，作用于所有標(biāo)簽，用*來定義
不建議使用，對(duì)頁面加載負(fù)擔(dān)大
高級(jí)選擇器
1.后代選擇器：定義用空格隔開
div span { //選擇的是div標(biāo)簽下的span標(biāo)簽，當(dāng)然后代顧名思義可以不止隔一代，可以隔多代進(jìn)行選擇
color：red；
}
<div><span>1</span></div>
1
2
3
4
1
2
3
4
2.交集選擇器：與后代選擇器定義的不同是，沒有空格隔開，兩個(gè)元素緊挨著
span#a1 { //選擇的是兩個(gè)條件1.既是span標(biāo)簽的 2.id名是a1的元素，兩個(gè)條件缺一不可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
3.并集選擇器：定義用逗號(hào)隔開
span，#a1 { //選擇的是1.是span標(biāo)簽的 2.id名是a1的元素，兩個(gè)條件滿足一個(gè)即可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
4.偽類選擇器：
1.靜態(tài)偽類：點(diǎn)擊連接之前（link），點(diǎn)擊連接之后(visited)這樣的
2.動(dòng)態(tài)偽類：鼠標(biāo)移入（hover），點(diǎn)擊之后（focus）
想學(xué)簡單的網(wǎng)頁制作？
我是老李，我來回答！更多技術(shù)分享，歡迎點(diǎn)關(guān)注
這兩年來，互聯(lián)網(wǎng)發(fā)展越來越好，網(wǎng)頁技術(shù)也變成了剛需技能，就算你不是想做開發(fā)工程師，也應(yīng)該學(xué)一點(diǎn)來做個(gè)簡單網(wǎng)頁。
今天就來講一下基礎(chǔ)的一些網(wǎng)頁開發(fā)需要學(xué)習(xí)的路線吧。
首先，基本的網(wǎng)頁制作我們一般都是指基礎(chǔ)的PC端網(wǎng)頁開發(fā)，完成基本的布局，完整表達(dá)網(wǎng)頁需要展示的內(nèi)容信息，表達(dá)出人性化的網(wǎng)頁效果。
那么這種程度應(yīng)該怎么學(xué)習(xí)呢？？
首先，無論學(xué)任何一個(gè)技術(shù)，都是從零基礎(chǔ)開始的，網(wǎng)頁開發(fā)也是一樣。做軟件開發(fā)，是從事編程開發(fā)工作，必須先從語法基礎(chǔ)開始學(xué)習(xí)，通過語法組成產(chǎn)品效果。網(wǎng)頁開發(fā)的基礎(chǔ)語法，由HTML+CSS+JavaScript組成，這是網(wǎng)頁開發(fā)最基本的3個(gè)語言。
網(wǎng)頁布局基礎(chǔ)：HTML+CSSHTML就是超文本標(biāo)記語言，組成網(wǎng)頁內(nèi)容的最基本語言。你可以直接說他是網(wǎng)頁的骨架，網(wǎng)頁的圖片、文字、視頻、音頻、程序都需要他引入到網(wǎng)頁中體現(xiàn)。光是HTML做網(wǎng)頁，只是有了內(nèi)容，當(dāng)然是遠(yuǎn)遠(yuǎn)不夠的。因?yàn)橹皇荋TML的話，只能用Table做布局才能勉強(qiáng)做出個(gè)成型的網(wǎng)頁來。但是從Web2.0時(shí)代開始，都是盒子模型布局法了，也就是用DIV+CSS來實(shí)現(xiàn)布局了。CSS就是層疊樣式表。通過樣式屬性來對(duì)標(biāo)簽進(jìn)行布局規(guī)范，在不再使用table布局的時(shí)候，只要CSS樣式對(duì)網(wǎng)頁標(biāo)簽進(jìn)行對(duì)應(yīng)的布局實(shí)現(xiàn)才是正確的開發(fā)方式了。HTML(div)+CSS布局，是基礎(chǔ)入門的基本步驟，在這個(gè)階段，你需要學(xué)習(xí)的內(nèi)容，包括有：1.標(biāo)簽語義化，SEO2.頁面加載的流程和原理3.網(wǎng)頁結(jié)構(gòu)4.盒子模型（W3C盒子模型和IE盒子模型）5.CSS選擇器6.CSS布局浮動(dòng)、定位在剛剛開始的階段，大家學(xué)習(xí)的布局方式基本都是以px為單位的靜態(tài)布局方法。熟悉好布局方法，先給自己一個(gè)小目標(biāo)，做一個(gè)簡單的電商網(wǎng)頁的基本結(jié)構(gòu)出來，不用特效，不需要交互。瀏覽器腳本語言：JavaScriptJavaScript是我們學(xué)習(xí)前端開發(fā)中非常重要的一個(gè)內(nèi)容，也是一個(gè)大家經(jīng)常掉坑里的難點(diǎn)。JavaScript現(xiàn)在可以說是互聯(lián)網(wǎng)時(shí)代使用率最高的腳本語言了，在網(wǎng)頁中，所有的數(shù)據(jù)渲染，特效的交互都需要利用JavaScript，來影響瀏覽器的顯示。JavaScript不只是開發(fā)網(wǎng)頁特效和渲染數(shù)據(jù)的重要內(nèi)容，如果你想往編程開發(fā)工程師發(fā)展，在學(xué)習(xí)前端開發(fā)的后期，大量使用算法和框架的時(shí)候，對(duì)JavaScript基礎(chǔ)的考驗(yàn)也是很多的。在基礎(chǔ)階段，我們學(xué)習(xí)JavaScript需要注意：1.基本關(guān)鍵字指令2.基本數(shù)據(jù)類型、數(shù)組3.函數(shù)4.面向?qū)ο缶幊?.原型鏈、閉包6.JSON7.Ajax8.DOM(文檔對(duì)象模型 原生DOM操作)9.事件捕獲、冒泡、代理10.常用函數(shù)方法在JavaScript部分學(xué)習(xí)，主要還是要去理解好交互的原理，把原理分析清楚，真的理解語法，那寫出多復(fù)雜的邏輯也是手到擒來?？焖匍_發(fā)網(wǎng)頁特效jQuery說到學(xué)習(xí)JavaScript，很多小白同學(xué)肯定會(huì)很頭痛他的原生寫法。每次邏輯業(yè)務(wù)都需要手動(dòng)寫，也就是用一次就造一次輪子。覺得很麻煩。如果能簡單一點(diǎn)就好了。因?yàn)镴avaScript有可以封裝的特性，所以在后面也出現(xiàn)了很多用JavaScript封裝的類庫、插件。比如說最經(jīng)典的類庫就是jQuery了。jQuery類庫就是在類庫里面封裝好了很多JavaScript的事件方法。jQuery通過封裝，減輕了遍歷、對(duì)象選擇等等很多的問題。把網(wǎng)頁特效的實(shí)現(xiàn)變得簡單化，通過調(diào)用方法就可以了。在學(xué)習(xí)jQuery的時(shí)候，需要重點(diǎn)認(rèn)識(shí)的有:1.jQuery語法和JavaScript原生語法的差異2.Dom對(duì)象和jQuery對(duì)象3.jQuery的入口函數(shù)和JavaScript的入口函數(shù)的差異4.jQuery事件的執(zhí)行邏輯。學(xué)習(xí)jQuery，最需要達(dá)到的效果就是能快速的完成網(wǎng)頁的特效，比如說輪播圖、手風(fēng)琴菜單、旋轉(zhuǎn)木馬、放大鏡等等這些特效。能完成一個(gè)電商網(wǎng)站的布局+特效開發(fā)是最基本的要求了。這些就是零基礎(chǔ)學(xué)習(xí)必備的一些基本內(nèi)容，在入門前端開發(fā)最基本需要掌握的東西，把基礎(chǔ)理解好，才能為后面的學(xué)習(xí)做更多的準(zhǔn)備。我是前端開發(fā)老李，如果你想學(xué)習(xí)更多前端開發(fā)的內(nèi)容，點(diǎn)擊關(guān)注不迷路！
css層次選擇器怎么用？
css層次選擇器具體用法如下：
采用后代選擇器 ：從上面可以看出所有的標(biāo)簽都是body的后代,那么我們使用后代選擇器,就可以將body的后代(所有標(biāo)簽)改變樣式: 后代選擇器是用祖先加上空格再加上后代標(biāo)簽類型進(jìn)行聲明的。
以上資料供參考。