CSS的子元素选择器用法介绍

本篇内容介绍了“CSS的子元素选择器用法介绍”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

我们注重客户提出的每个要求，我们充分考虑每一个细节，我们积极的做好成都网站建设、成都网站设计服务，我们努力开拓更好的视野，通过不懈的努力，创新互联建站赢得了业内的良好声誉，这一切，也不断的激励着我们更好的服务客户。 主要业务：网站建设,网站制作,网站设计,微信小程序,网站开发,技术开发实力，DIV+CSS，PHP及ASP，ASP.Net，SQL数据库的技术开发工程师。

基础 子元素选择器只能一级一级向下寻找，不能跨越

 HTML代码：

XML/HTML Code复制内容到剪贴板

1.   

2.     this is my web page.   

3.   

CSS代码：

CSS Code复制内容到剪贴板

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

1、与后代选择器相比，子元素选择器只能选择作为某元素子元素的元素。

2、子元素选择器使用大于号">"做为连接符。

示例1：

XML/HTML Code复制内容到剪贴板

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复制内容到剪贴板

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的子元素选择器用法介绍”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！