本篇內(nèi)容介紹了“CSS的子元素選擇器用法介紹”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

我們注重客戶提出的每個要求，我們充分考慮每一個細節(jié)，我們積極的做好成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計服務(wù)，我們努力開拓更好的視野，通過不懈的努力，創(chuàng)新互聯(lián)建站贏得了業(yè)內(nèi)的良好聲譽，這一切，也不斷的激勵著我們更好的服務(wù)客戶。 主要業(yè)務(wù)：網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計,微信小程序,網(wǎng)站開發(fā),技術(shù)開發(fā)實力，DIV+CSS，PHP及ASP，ASP.Net，SQL數(shù)據(jù)庫的技術(shù)開發(fā)工程師。

基礎(chǔ) 子元素選擇器只能一級一級向下尋找，不能跨越

 HTML代碼：

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

1.   

2.     this is my web page.   

3.   

CSS代碼：

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

1. p>strong { color: purple; } p>strong>i { font-size: 50px; }   

1、與后代選擇器相比，子元素選擇器只能選擇作為某元素子元素的元素。

2、子元素選擇器使用大于號">"做為連接符。

示例1：

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

1.   

2.   

3.   

4.       

5.         h2 > strong {   

6.             color: red;   

7.         }   

8.       

9.   

10.   

11.   

12.     

    This is very very important.

      

13.     

    This is really very important.

      

14.   

15.   

16.   

示例2 

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

1.   

2.   

3.   

4.       

5.         table.company td > p {   

6.             color: red;   

7.         }   

8.       

9.   

10.   

11.   

12.       

13.           

14.               

15.                 

    hello

      

16.               

17.           

18.       

19.     

      

            

      

                

      

            

      

        

    world

      

20.   

21.   

22.   

“CSS的子元素選擇器用法介紹”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！