這篇文章將為大家詳細(xì)講解有關(guān)如何使用Div和CSS編寫中的包含選擇器和通配選擇器，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

成都創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站建設(shè)、做網(wǎng)站與策劃設(shè)計,朔城網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:朔城等地區(qū)。朔城做網(wǎng)站價格咨詢:13518219792

包含選擇器
包含選擇器也叫派生選擇器，顧名思義，是一種具有包含關(guān)系的選擇。
多個選擇器以空格分開，組合成包含關(guān)系，且右邊的選擇器從屬于左邊（即右邊的選擇器只能在左邊的選擇器范圍內(nèi)選擇）。
一個包含選擇器的應(yīng)用示例：

CSS Code復(fù)制內(nèi)容到剪貼板

1. #nav a{   

2.     text-decoration: none;   

3. }  

這個例子表示對“id="nav"”的元素里面的超鏈接<a>應(yīng)用該樣式（超鏈接取消下劃線），而其他網(wǎng)頁元素的超鏈接不受影響。
包含選擇器是常用的選擇器之一，它讓我們能對一些元素做精確的個性化設(shè)定。
選擇器組合
上面講到的包含選擇器，實(shí)際可以看著是一種選擇器的組合。顯然，利用選擇器的組合，可以更加精確的將樣式應(yīng)用到網(wǎng)頁元素，以實(shí)現(xiàn)豐富多彩的個性化顯示。
除了這種包含組合之外，我們還可以有如下一些常見的組合：
類型限定類：如div.class ul li{ }
雙重組合類：如div.class ul.catlist { }
偽類：如#nav h3 a:hover
以上這些例子只是為了說明選擇器的組合，在實(shí)際應(yīng)用中可能會有一定差異。善用選擇器組合，可以使我們的CSS文檔更有條理更簡潔。
選擇器分組
選擇器分組表示將有多個有相同樣式定義的選擇器以逗號進(jìn)行分組。
例子：

CSS Code復(fù)制內(nèi)容到剪貼板

1. h2,h3,h4,h5,h6,h7,div{   

2.     font-size :14px;   

3. }  

上面就表示將標(biāo)題h2至h7及div標(biāo)簽內(nèi)的字體統(tǒng)一設(shè)定為14像素。
注意選擇器分組和包含選擇器的區(qū)別。

通配選擇器
和很多語言一樣，“*”這個符號在CSS里代表所有，即通配選擇器。
例子：

CSS Code復(fù)制內(nèi)容到剪貼板

1. *{ font-size: 12px; }  

這個例子表示將網(wǎng)頁中所有元素的字體定義為12像素，當(dāng)然這是舉個例子，一般不會做這么極端的定義。
在實(shí)際應(yīng)用中，更多的可能如下：

CSS Code復(fù)制內(nèi)容到剪貼板

1. *{   

2.     margin: 0;   

3.     padding: 0;   

4. }  

這個定義的含義是將所有元素的外邊距和內(nèi)邊距定義為0，而在具體需要設(shè)定內(nèi)外邊距的時候，再具體定義。從這個例子可以看出，通配選擇器的作用更多是用于對元素的一種統(tǒng)一預(yù)設(shè)定。
通配選擇器也可以用于選擇器組合中：

CSS Code復(fù)制內(nèi)容到剪貼板

1. div *{ color: #FF0000; }  

該例子表示在<div>標(biāo)簽內(nèi)的所有字體顏色為紅色。
一種例外的情況

CSS Code復(fù)制內(nèi)容到剪貼板

1. body *{ font-size:120%; }  

這時候它表示相乘，當(dāng)然body也可以換成別的選擇器標(biāo)簽。由于這種效果取決的因素較多，一般不常使用。

關(guān)于如何使用Div和CSS編寫中的包含選擇器和通配選擇器就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

文章標(biāo)題：如何使用Div和CSS編寫中的包含選擇器和通配選擇器
轉(zhuǎn)載源于：http://jinyejixie.com/article8/gpcpip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、面包屑導(dǎo)航、網(wǎng)站制作、域名注冊、App設(shè)計、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)