css選擇器分類及運用，css大于號標(biāo)簽是什么？
css里大于號表示css3特有的子元素選擇器；子元素選擇器只能選擇作為某元素子元素的元素；如果你不希望選擇任意的后代元素，而是希望縮小范圍，只選擇某個元素的子元素，就可以使用子元素選擇器
css指的是層疊樣式表（Cascading Style Sheets），它是一種用來表現(xiàn)html或XML等文件樣式的計算機語言，是用來表示html樣式的一種編程語言，是可以做到網(wǎng)頁和內(nèi)容進行分離的一種樣式語言。css中大于符號
css中大于符號（“>”）代表的是css3特有的子元素選擇器（element>element ）。子元素選擇器（Child selectors）只能選擇作為某元素子元素的元素。
如果你不希望選擇任意的后代元素，而是希望縮小范圍，只選擇某個元素的子元素，請使用子元素選擇器（Child selector）。
怎樣區(qū)分后代選擇器和子代選擇器？
1.第一從符號上來區(qū)分后代選擇器：是用空格來分隔開來 例如<h1>一個<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é)加一個紅色方框*/}//使用后代選擇器的效果.study li{ border:1px solid red;/*給物理 力學(xué) 聲學(xué) 電磁學(xué) 和數(shù)學(xué) 微積分 概率論博弈論都加一個紅色方框*/}這說明子代是他是單傳只給物理和數(shù)學(xué)就斷子絕孫，后代是一代傳一代。
子代選擇器時效果圖：
后代選擇器時效果圖：
CSS中有哪些常用選擇器？
一、CSS選擇器有哪些
CSS中的選擇器很多，比如：ID選擇器，類選擇器，通配符選擇器，偽類選擇器等等，接下來主要介紹常用的幾個。
1.標(biāo)簽選擇器
語法：標(biāo)簽名{}，eg：h1{}//為所有的h1元素設(shè)置樣式。
2.ID選擇器
語法：#id名{}//id值唯一不能重復(fù),eg:#top{}//為id為top的元素設(shè)置樣式。
3.類選擇器
語法：.class{},eg：.box{}//為所有的class值為box的元素設(shè)置樣式。
4.組選擇器
語法：選擇器1，選擇器2，選擇器N{},eg:#box1,.box2,p{}//為id為box1，class為box2和p的元素共同設(shè)置樣式。
5、通配符選擇器
語法：*{}，eg：*{font-size：16px}//將整個頁面字體大小設(shè)為16px。
6.后代選擇器
語法：選擇器1選擇器2{}，eg：p.aa{}//選中指定祖先元素p的指定后代.aa。
7.子元素選擇器
語法：父元素>子元素{},eg：p>.box{}//選中父元素p的指定子元素.box。注意與后代元素選擇器的區(qū)別
8.偽類選擇器
偽類可以用來表示一些特殊的狀態(tài),如：
：link-未訪問過的超鏈接。
：visited-已訪問過的超鏈接。
：hover-鼠標(biāo)經(jīng)過的元素。
：active-正在點擊的元素。
eg：a:hover{color:red}//鼠標(biāo)經(jīng)過a標(biāo)簽時，顏色變?yōu)榧t色。
二、CSS選擇器的優(yōu)先級順序
當(dāng)同一屬性的不同值都作用到了同一個元素時，如果定義的屬性之間有沖突，那么應(yīng)該用誰的值的，這個時候就涉及到CSS的優(yōu)先級順序了。
1.在屬性后面使用!important會覆蓋頁面內(nèi)任何位置定義的元素樣式。
2.作為style屬性寫在元素內(nèi)的內(nèi)部樣式
3.id選擇器
4.類選擇器
5.標(biāo)簽選擇器
6.通配符選擇器
7.瀏覽器自定義或繼承的
css的優(yōu)先級怎么判斷？
css選擇器優(yōu)先級怎么比較CSS選擇器中比較常見的有標(biāo)簽選擇器、ID選擇器、類選擇器以及子選擇器。而事實上，CSS選擇器如果細(xì)分下來，竟然多達(dá)40多種。那他們的優(yōu)先級該怎么比較呢，下面就來看看吧。
● 不同級別
1. 在屬性后面使用 !important 會覆蓋頁面內(nèi)任何位置定義的元素樣式。
2. 作為style屬性寫在元素內(nèi)的樣式
3. id選擇器
4. 類選擇器
5. 元素選擇器
6. 通配符選擇器
7. 瀏覽器自定義或繼承
總結(jié)排序：!important > 行內(nèi)樣式 > ID選擇器 > 類選擇器 > 元素 > 通配符 > 繼承 > 瀏覽器默認(rèn)屬性
● 同一級別
(1) 同一級別中后寫的會覆蓋先寫的樣式
(2) 同一級別css引入方式不同，優(yōu)先級不同
總結(jié)排序：內(nèi)聯(lián)(行內(nèi))樣式 > 內(nèi)部樣式表 > 外部樣式表 > 導(dǎo)入樣式(@import)。
對于選擇器優(yōu)先級，還可以通過計算權(quán)重值來比較