css選擇器的練習，四路選擇器功能表？
四路選擇器簡介:要使用css對HTML頁面中的元素實現一對一，一對多或者多對一的控制，這就需要用到CSS選擇器。
HTML頁面中的元素就是通過CSS選擇器進行控制的。
1.1 類別選擇器
類選擇器根據類名來選擇
前面以”.”來標志，如：
.demoDiv{
color:#FF0000;
}
在HTML中，元素可以定義一個class的屬性。
如：
<div class="demoDiv">
這個區域字體顏色為紅色
</div>
同時，我們可以再定義一個元素：
<p class="demoDiv">
這個段落字體顏色為紅色
</p>
最后，用瀏覽器瀏覽，我們可以發現所有class為demoDiv的元素都應用了這個樣式。包括了頁面中的div元素和p元素。
上例我們給兩個元素都定義了class，但如果有很多個元素都會應用這個元素，那得一個個的定義元素，就會造成頁面重復的代碼太多，這種現象稱為“多類癥”。
我們可以改成這樣來定義。
<div class="demoDiv">
<div>
這個區域字體顏色為紅色
</div>
同時，我們可以再定義一個元素：
<p>
這個段落字體顏色為紅色
</p>
</div>
這樣，我們就只是定義了一個類，同時把樣式應用到了所有的元素當中。
1.2 標簽選擇器
一個完整的HTML頁面是有很多不同的標簽組成，而標簽選擇器，則是決定哪些標簽
采用相應的CSS樣式，(在大環境中你可能出于不同的位置，但是不管怎么樣，你總
是穿著同一套衣服，這件衣服就是由標簽選擇器事先給你限定好的，不管走到哪里
都是這身衣服)比如，在style.css文件中對p標簽樣式的聲明如下：
p{
font-size:12px;
background:#900;
color:090;
}
復制代碼則頁面中所有p標簽的背景都是#900(紅色)，文字大小均是12px，顏色為#090(綠色)
，這在后期維護中，如果想改變整個網站中p標簽背景的顏色，只需要修改
background屬性就可以了，就這么容易！
1.3 ID選擇器
根據元素ID來選擇元素，具有唯一性。
前面以”#”號來標志，在樣式里面可以這樣定義：
#demoDiv{
color:#FF0000;
}
這里代表id為demoDiv的元素的設置它的字體顏色為紅色。
我們在頁面上定義一個元素把它的ID定義為demoDiv，如：
<div id="demoDiv">
這個區域字體顏色為紅色
</div>
用瀏覽器瀏覽，我們可以看到因為區域內的顏色變成了紅色
再定義一個區域
<div>
這個區域沒有定義顏色
</div>
用瀏覽器瀏覽，與預期的一樣，區域沒有應用樣式，所以區域中的字體顏色還是默認的顏色黑色。
1.4 后代選擇器
后代選擇器也稱為包含選擇器，用來選擇特定元素或元素組的后代，后代選擇器用兩個常用選擇器，中間加一個空格表示。其中前面的常用選擇器選擇父元素，后面的常用選擇器選擇子元素，樣式最終會應用于子元素中。
如：
<style>
.father.child{
color:#0000CC;
}
</style>
<p class="father">
黑色
<label class="child">藍色
<b>也是藍色</b>
</label>
</p>
這里我們定義了所有class屬性為father的元素下面的class屬性為child的顏色為藍色。
后代選擇器是一種很有用的選擇器，使用后代選擇器可以更加精確的定位元素。
css派生器區別是什么？
派生選擇器 可以使一個元素里的子元素定義樣式 例如： li a { font-size:14px} 就是給li下的子元素a定義一個14px號像素的字體樣式 類別選擇器 在html中引入css樣式通常由，類別選擇器 在CSS中用一個“.”點開頭表示 如：.box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html頁面中，用class="類別名"的方法調用： 這里是內容 類別選擇器方法比較簡單靈活，可以隨時根據頁面的需求新建和刪除 還有，id選擇器 在CSS中用“#”號開頭表示 如：#box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html頁面中，用id="類別名"的方法調用： 這里是內容 id選擇器和類別選擇器其實是一樣的 通常id選擇器僅是用來表示不重復的樣式 相對的來說，類別選擇器靈活一些，而id選擇器僅表示重要的樣式字段
你為什么選擇學習C？
作為一個寫了十幾年代碼的老程序員講述下為何選擇使用C++。
選擇C++的最重要的原因是工作需要。剛入職的公司有一個新的項目，項目的代碼全部是C++完成而且看代碼的主要框架代碼量不是很多，但是依賴庫代碼相當龐大，由于主要的工作是把在電腦上運行的程序運行到開發板上，需要做的事情還是非常多，由于代碼就是從開源社區中提取出來的，代碼的質量非常高但作為初學者在第一次接觸C++框架的時候還是手忙腳亂，開始覺得在學校期間已經把基礎弄得很扎實了，在具體項目編程中不至于這么被動，結果還是被現實給打倒了，有時候修改個泛型編程相關的代碼就要編譯半天才能過去，所以第一份工作從事什么樣子的編程開發直接決定了對于哪種編程語言最熟悉。
選擇行業的需要。C++編程主要用在客戶端的框架開發以及服務器端開發，有些想從事編程的人，在寫代碼之前就給自己設立了遠大的目標就是要從事某個方向，有清晰目標的情況下選擇編程語言就會變得順理成章了，比如從事嵌入式開發C++語言的學習的必備的，很多人覺得C++這種編程語言語法比較糟糕，其實就是語法繁瑣一點相比別的編程語言沒有那么清晰，而且語法細節還在不斷的更新，所以很多人覺得這門編程語言不適合作為編程語言使用，但是從軟件行業來講這是一門在架構方面有著獨特優勢的編程語言，在某些領域也是特定存在不可或缺的。
C++主要應用領域游戲領域。很多游戲的客戶端都是基于C++完成的主要原因C++這門編程的性能還是非常過硬，而且很多游戲公司還專門針對C++底層依賴庫進行深層次的優化，就是為了提升游戲的用戶體驗，從事游戲開發C++也是必備的開發語言。
服務端開發。由于服務器端對于性能的要求也非常苛刻，于是C++在這方面也是有著獨特的優勢，所以很多服務器端開發特別耗費資源的一般交給底層代碼去實現，C語言和C++是比較好的選擇，而且服務器端網絡相關代碼從性能的角度出發可以選擇C++完成。
嵌入式開發。這個領域對于客戶端的開發需求比較大，作為客戶端的開發引擎開發還是非常具備優勢，而且嵌入式里面相關的圖形開發涉及到C++方面也是比較多。
當然在一些特殊的領域還是有C++的使用空間，比如有科學計算領域，操作系統，設備驅動等方面，這門編程語言在市場上占比在降低，更多的開發者選擇編程更加方便的高級編程語言，像python，php等等。對于程序員做的時間長了最大的感覺是編程語言只是工具一樣的存在，不要把精力更多放在如何選擇編程語言身上，學好一門編程語言觸類旁通就可以了，希望能幫到你。
有哪些免費好用的爬蟲軟件值得推薦？
這里介紹2個好用免費的爬蟲軟件—后羿采集器和八爪魚采集器，這2個軟件采集網頁數據都非常簡單，不用寫任何代碼，只需要用鼠標點擊需要采集的網頁信息，就會自動開始采集，非常方便，下面我簡單介紹一下這2個軟件的安裝和使用：
后羿采集器1.首先，下載安裝后羿采集器，這個直接到官網上下載就行，完全免費的，各個平臺的版本都有，選擇適合自己平臺的版本即可，如下：
2.安裝完成后，打開這個軟件，直接輸入需要采集的網頁地址，就會自動打開網頁并識別需要采集的信息，這里以采集58同城租房信息為例，如下，非常簡單，不需要自己動手，這里你也可以對自動采集的信息進行編輯，刪除或修改等：
3.最后點擊右下角的“開始采集”，設置好“定時啟動”，如下，軟件就會自動開始采集數據，并自動翻頁，不需要人為設置：
4.采集的數據如下，就是剛才識別需要采集的網頁信息，運行速度非常快，你也可以隨時暫停或停止，非常方便：
5.最后，點擊“導出數據”按鈕，可以數據導出為你需要的文件格式，如Excel、CSV、HTML、數據庫等，也可以導出到網站，如下：
八爪魚采集器1.首先，下載安裝八爪魚采集器，這個也直接到官網上下載就行，如下，也是免費的，目前只有Windows平臺的：
2.安裝完成后，打開這個軟件，進入主界面，這里我們選擇“自定義采集”，如下：
3.接著輸入我們需要采集的網頁地址信息，就會自動跳轉到對應頁面，這里以采集大眾點評上的評論信息為例，如下：
4.這時你就可以直接鼠標點擊需要采集的網頁信息，按照操作提示步驟一步一步往下走就行，非常簡單容易，如下：
5.最后點擊采集數據，啟動本地采集，就會自動開始采集數據，如下，已經成功采集到我們需要的網頁信息：
這里你也可以點擊“導出數據”，將采集的數據保存為你需要的數據格式，如下：
至此，這里就介紹完了后羿采集器和八爪魚采集器這2個爬蟲軟件。總的來說，這2個軟件使用起來都非常簡單，只要你熟悉一下操作環境，很快就能掌握使用的，當然，你也可以使用其他爬蟲軟件，像火車頭采集器等也都可以，網上也有相關教程和資料，感興趣的話，可以搜一下，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言。