最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

本篇文章為大家展示了CSS中如何使用后代選擇器，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)永勝免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了成百上千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

基礎(chǔ)
來看一個(gè)后代選擇器的最簡單寫法，strong標(biāo)簽屬于p標(biāo)簽的后代，i標(biāo)簽屬于strong標(biāo)簽后代：
HTML代碼：

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

1.   

2.     my name is lidaze, hahah.   

3.   

CSS代碼：

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

1. p strong {   

2.     font-size: 30px;   

3. }   

4. p i {   

5.     font-size: 40px;   

6. }  

1、在后代選擇器中，規(guī)則左邊的選擇器一端包括兩個(gè)或多個(gè)用空格分隔的選擇器。
2、選擇器之間的空格是一種結(jié)合符。
3、后代選擇器，后代的層次間隔可以是無限的，注意與子元素選擇器的區(qū)別。

示例1

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

1.      

2.      

3.      

4. ul em {color:red; font-weight:bold;}     

5.      

6.      

7.      

8.      

9.      

   •   

   • List item 1     

   •     

          

     1.       

     2. List item 1-1
          

     3.       

     4. List item 1-2
          

     5.       

     6. List item 1-3     

     7.         

             

        1.           

        2. List item 1-3-1
             

        3.           

        4. List item 1-3-2
             

        5.           

        6. List item 1-3-3
             

        7.         

             

     8.       

          

     9.       

     10. List item 1-4
          

     11.     

          

   •   

        

   •   

   • List item 2
        

   •   

   • List item 3
        

        

10.      

11.     

執(zhí)行效果：

示例2

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

1.      

2.      

3.      

4. div.sidebar {width:100px;height:100px;background:blue;}     

5. div.maincontent {width:100px;height:100px;background:yellow;}     

6.      

7. div.sidebar a:link {color:white;}     

8. div.maincontent a:link {color:red;}     

9.      

10.      

11.      

12.      

13. 我是鏈接1