css3選擇器實例課件，css的類選擇器用什么屬性引用？
用于來定義一類可以在同一個頁面內重復利用的樣式。 如比較常用的.clearfix（一般是用于清除浮動），或者自己定義的用于新聞列表的樣式，詳細的寫好鏈接、列表、邊框以及背景等屬性，有些人還會習慣把一些常用的屬性作為一個類。
css3是什么？
其實css3是CSS的升級版本。CSS是從CSS1.0、CSS2.0、CSS2.1和CSS3.0這幾個版本一直升級而來，其中CSS2.1是CSS2.0的修訂版，CSS3.0是CSS的最新版本（了解CSS版本問題也是非常必要的）。
我們平常所說的CSS其實指的是CSS2.1，而CSS3特指相對CSS2.1“新增加的屬性”。
CSS3.0相對于CSS2.1來說，新增了很多屬性和方法，最典型的就是圓角、變形與動畫等。在CSS2.1中，為標簽設置圓角是一件很頭疼的事情，實現動畫效果也是通過jQuery等實現。
css選擇器識別范圍？
css選擇器優先級核心：每個選擇器本身有優先級，作用范圍越具體優先級越高。
CSS優先級從高到低分別是：
1.在屬性后面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。
2.作為style屬性寫在元素標簽上的內聯樣式
3.id選擇器
4.類選擇器
5.偽類選擇器
6.屬性選擇器
7.標簽選擇器
8.通配符選擇器
9.瀏覽器選擇器
當CSS樣式的規則由多個選擇器組成時，id選擇器的權值為1000，class選擇器為100，標簽選擇器為10，按權值求和的記過高低決定哪個優先。當兩個css規則的權值相同時，誰更具體用誰，也就是權值高的選擇器作用的越具體優先級越高。當兩個選擇器規則和權值都是一樣，后面樣式會覆蓋前面的！
怎樣區分后代選擇器和子代選擇器？
1.第一從符號上來區分后代選擇器：是用空格來分隔開來 例如<h1>一個<span>人</span>的戰爭</h1> 就是h1 span{}子代選擇器：用特殊符號> 例如 h1>span{}
2.第二從用法上區分后代選擇器html部分：<ul class="study"> <li>物理 <ul> <li>力學</li> <li>聲學</li> <li>電磁學</li> </ul> </li> <li>數學 <ul> <li>微積分</li> <li>概率論</li> <li>博弈論</li> </ul> </li> </ul> css部分//使用子代選擇器的效果.study >li{ border:1px solid red;/*只給物理和數學加一個紅色方框*/}//使用后代選擇器的效果.study li{ border:1px solid red;/*給物理 力學 聲學 電磁學 和數學 微積分 概率論博弈論都加一個紅色方框*/}這說明子代是他是單傳只給物理和數學就斷子絕孫，后代是一代傳一代。
子代選擇器時效果圖：
后代選擇器時效果圖：