css后代選擇器實(shí)例講解，css復(fù)合選擇器有哪三種？

1、元素選擇器 標(biāo)簽名{ }

2、id選擇器 #id屬性值{ }

3、類選擇器 .class屬性值{ }

4、選擇器分組(并集選擇器)

作用：通過(guò)它可以同時(shí)選中多個(gè)選擇器對(duì)應(yīng)的元素(通常用于集體聲明)

語(yǔ)法：選擇器1，選擇器2，選擇器n{ }

5、復(fù)合選擇器(交集選擇器)

作用：選擇更準(zhǔn)確更精細(xì)的目標(biāo)元素并為其設(shè)置屬性

語(yǔ)法：選擇器1選擇器2選擇器n{ }

!注意選擇器之間不能有空格，要緊挨在一起

6、通配選擇器

作用：用來(lái)選中頁(yè)面中所有的元素

語(yǔ)法：*{ }

7、后代元素選擇器

作用：選中指定元素的指定后代元素

語(yǔ)法：祖先元素 后代元素{ }

8、子元素選擇器

作用：選中指定父元素的子元素

語(yǔ)法：父元素>子元素

9、偽類選擇器

偽類表示元素的一種特殊狀態(tài)

:hover 移入時(shí)元素的狀態(tài)

:visited 已被訪問(wèn)過(guò)后的元素的狀態(tài)

:active 被點(diǎn)擊時(shí)元素的狀態(tài)

10、 屬性選擇器

作用：根據(jù)元素中的屬性或?qū)傩灾祦?lái)選取指定元素

語(yǔ)法：[屬性名]選取含有指定屬性的元素

? [屬性名=“屬性值”]選取含指定屬性值的元素

? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開(kāi)頭的元素

? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素

? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素

11、兄弟元素選擇器

+選擇器

作用：選中一個(gè)元素后緊挨著的指定的兄弟元素

語(yǔ)法：前一個(gè)+后一個(gè)(作用在后一個(gè))

~選擇器

作用：選中后邊所有的制定兄弟元素

語(yǔ)法：前一個(gè)~后邊所有

css和jquery有什么區(qū)別？

jQuery

jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)（或JavaScript框架）。jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫(xiě)更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動(dòng)畫(huà)設(shè)計(jì)和Ajax交互。

jQuery的核心特性可以總結(jié)為：具有獨(dú)特的鏈?zhǔn)秸Z(yǔ)法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展；擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

CSS （層疊樣式表）

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。

CSS 能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力。

學(xué)習(xí)web前端開(kāi)發(fā)？

前言

學(xué)習(xí)Web前端開(kāi)發(fā)，需要的基本條件就是一根網(wǎng)線+一臺(tái)電腦。對(duì)于想要學(xué)習(xí)Web前端的同學(xué)，可以按以下步驟來(lái)進(jìn)行學(xué)習(xí)。

熟悉HTML

HTML就猶如人的骨架，是一個(gè)頁(yè)面的基本組成。HTML所需要學(xué)習(xí)的內(nèi)容就是HTML標(biāo)簽。標(biāo)簽都是由開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽構(gòu)成，同時(shí)標(biāo)簽也會(huì)有一系列的屬性。如下所示：

運(yùn)行效果如下所示：

推薦閱讀書(shū)籍《HTML＆XHTML權(quán)威指南》

熟悉CSS

CSS猶如人的膚色，CSS用來(lái)確定HTML標(biāo)簽各位置的擺放以及界面的視覺(jué)效果，比如標(biāo)簽的大小，字體顏色等設(shè)置。代碼示例如下：

運(yùn)行效果如下：

推薦閱讀書(shū)籍《CSS權(quán)威指南》

熟悉JavaScript

JavaScript猶如人的血液，正因有了血液的流動(dòng)，人才有活力，正因有了JavaScript，頁(yè)面才有了交互。代碼示例如下：

運(yùn)行結(jié)果如下：

JavaScript推薦閱讀數(shù)據(jù)《JavaScript高級(jí)程序設(shè)計(jì)》

組件庫(kù)和JavaScript框架

有了前面三步，我們就掌握了Web前端開(kāi)發(fā)的基礎(chǔ)了。但在實(shí)際工作開(kāi)發(fā)中，為了提高開(kāi)發(fā)工作效率，我們還需要掌握一套組件庫(kù)和對(duì)應(yīng)的JavaScript框架。

較為流行的組合有兩大類：element組件庫(kù)+Vue框架 和 Ant Design組件庫(kù) + React框架。但在國(guó)內(nèi)的公司當(dāng)中，element組件庫(kù) + Vue框架的這種組合使用更多一些，所以也推薦初學(xué)者可以先掌握Element組件庫(kù) + Vue框架的方式來(lái)進(jìn)行學(xué)習(xí)。

總結(jié)

以上就是學(xué)習(xí)Web前端的步驟和相關(guān)資料，希望能幫到有想法進(jìn)入Web前端的小伙伴們。如有其他疑問(wèn)，也可關(guān)注私信與我。如果覺(jué)得問(wèn)題文章不錯(cuò)，歡迎大家關(guān)注轉(zhuǎn)發(fā)哦！

關(guān)注我，不定期分享好玩科技知識(shí)，帶大家一起體會(huì)探索科技的那份獨(dú)有思考和樂(lè)趣。

css3選擇器怎么選擇第3個(gè)？

li:nth-child(3n+0)

{

background:#ff0000;

}