快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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.   

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

示例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.     

      

  20.         

  21.   

  22.             

  23.   

  24.         

  25.   

  26.     

  27.   

  28.                 

    world

      

  29.             

  30.   

  31.   

  32.   

  33.   

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

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


文章题目:CSS的子元素选择器用法介绍
文章链接:http://6mz.cn/article/ieoich.html

其他资讯