css后代選擇器實例講解，css復合選擇器有哪三種？
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用：通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)
語法：選擇器1，選擇器2，選擇器n{ }
5、復合選擇器(交集選擇器)
作用：選擇更準確更精細的目標元素并為其設置屬性
語法：選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格，要緊挨在一起
6、通配選擇器
作用：用來選中頁面中所有的元素
語法：*{ }
7、后代元素選擇器
作用：選中指定元素的指定后代元素
語法：祖先元素 后代元素{ }
8、子元素選擇器
作用：選中指定父元素的子元素
語法：父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態
:hover 移入時元素的狀態
:visited 已被訪問過后的元素的狀態
:active 被點擊時元素的狀態
10、 屬性選擇器
作用：根據元素中的屬性或屬性值來選取指定元素
語法：[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內容的元素
11、兄弟元素選擇器
+選擇器
作用：選中一個元素后緊挨著的指定的兄弟元素
語法：前一個+后一個(作用在后一個)
~選擇器
作用：選中后邊所有的制定兄弟元素
語法：前一個~后邊所有
css和jquery有什么區別？
jQuery
jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
CSS （層疊樣式表）
層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。
學習web前端開發？
前言
學習Web前端開發，需要的基本條件就是一根網線+一臺電腦。對于想要學習Web前端的同學，可以按以下步驟來進行學習。
熟悉HTMLHTML就猶如人的骨架，是一個頁面的基本組成。HTML所需要學習的內容就是HTML標簽。標簽都是由開始標簽和結束標簽構成，同時標簽也會有一系列的屬性。如下所示：
運行效果如下所示：
推薦閱讀書籍《HTML＆XHTML權威指南》
熟悉CSSCSS猶如人的膚色，CSS用來確定HTML標簽各位置的擺放以及界面的視覺效果，比如標簽的大小，字體顏色等設置。代碼示例如下：
運行效果如下：
推薦閱讀書籍《CSS權威指南》
熟悉JavaScriptJavaScript猶如人的血液，正因有了血液的流動，人才有活力，正因有了JavaScript，頁面才有了交互。代碼示例如下：
運行結果如下：
JavaScript推薦閱讀數據《JavaScript高級程序設計》
組件庫和JavaScript框架有了前面三步，我們就掌握了Web前端開發的基礎了。但在實際工作開發中，為了提高開發工作效率，我們還需要掌握一套組件庫和對應的JavaScript框架。
較為流行的組合有兩大類：element組件庫+Vue框架 和 Ant Design組件庫 + React框架。但在國內的公司當中，element組件庫 + Vue框架的這種組合使用更多一些，所以也推薦初學者可以先掌握Element組件庫 + Vue框架的方式來進行學習。
總結以上就是學習Web前端的步驟和相關資料，希望能幫到有想法進入Web前端的小伙伴們。如有其他疑問，也可關注私信與我。如果覺得問題文章不錯，歡迎大家關注轉發哦！
關注我，不定期分享好玩科技知識，帶大家一起體會探索科技的那份獨有思考和樂趣。
css3選擇器怎么選擇第3個？
li:nth-child(3n+0)
{
background:#ff0000;
}