CSS中的“>”是什么意思

CSS中的“>”是什么意思



#quickSummary p{color:red;}
#quickSummary >p+p{color:red;}
#quickSummary>p+p+p{color:inherit;}
#quickSummary p:nth-child(2){color:red}

这段代码中的'>'是什么意思,还有就是'<'又是什么意思?是不是CSS中'>','<'都是一样的意思 ?
p+p,p+p+p,是什么意思
nth-child及nth-child(2)是什么意思?
希望能详细解释这段代码,谢谢!

 

这些是CSS3特有的选择器,A>B 表示选择A元素的所有子B元素。
与A B的区别在于,A B选择所有后代元素,而A>B只选择一代。
另外:没有<的用法。

A+B表示HTML中紧随A的B元素。

nth-child是个伪类的用法,如p:nth-child(2)就表示在p的父元素中选择位居第二位的p,这个可能不太好理解,自己试一试就知道了。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/113498.html原文链接:https://javaforall.net

(0)
上一篇 2021年10月17日 上午8:00
下一篇 2021年10月17日 上午9:00


相关推荐

  • (ADRC)自抗扰控制器学习总结(一)

    (ADRC)自抗扰控制器学习总结(一)ADRC自抗扰控制基本思想要点:1.标准型与总扰动,扩张状态与扰动整体辨识,微分信号生成与安排过渡过程以及扰动的消减与控制量产生。ADRC主要构成:1>跟踪微分器(TD) 解决由不连续或带随机噪声的量测信号,合理提取连续信号(跟踪给定)及微分信号的问题。 根据微分输出与最速综合函数,可以安排闭环系统的过渡过程。以单位阶跃信号为例,经过跟踪微分器的过渡,产生的输出效果

    2022年5月19日
    42
  • 程序员在哪里可以接私活(程序员私活一个月能拿多少)

    最近很郁闷,一个女粉丝找我要开发一个系统。说是很着急。但是费用不高,说自己没钱。我平时事也很多,又不是很想接。说了一大堆苦情的话,然后说自己的要求不高,没有ui要求,我就接了。但是后来,越扯越严重……上升到600块要开发一个知乎的高度。这让我想起了预算茅草屋的价格,想要别墅的效果。扯皮扯的很累,项目我已经远程调试好了,也讲解了。最后全部退款了。关键是我还整理了很多讲解的说明:既然退款,项目就不是你的了,我开发的就是我的,项目的源码就开源吧。…

    2022年4月11日
    41
  • windows 下关闭135 139 445等危险端口

    windows 下关闭135 139 445等危险端口项目进行安全测试时 使用 Nmap 扫描端口 发现了几个未关的端口 容易受到黑客的攻击和病毒感染 所以需要关掉 端口如下 111 端口 RemoteProced 远程过程调用 135 端口 CVE 2003 0352Microsof 接口长主机名远程缓冲区溢出漏洞 MS03 026 139 端口 CVE 2003 0533WindowsL

    2026年3月20日
    3
  • SQL Server 配置管理器[通俗易懂]

    SQL Server 配置管理器[通俗易懂]SQLServer配置管理器是一种工具,用于管理与SQLServer相关联的服务、配置SQLServer使用的网络协议以及从SQLServer客户端计算机管理网络连接配置。SQLServer配置管理器是一个Microsoft管理控制台管理单元,可以从“开始”菜单进行访问,也可以将其添加到其他任何Microsoft管理控制台显示中。Microsoft管理控制台(

    2022年7月20日
    41
  • linux中vi编辑器保存文件命令_linux用vi编辑文件

    linux中vi编辑器保存文件命令_linux用vi编辑文件工具:Linux方法:1、首先进入Linux的命令行界面.在目录下创建一个用于测试的文本文件(touchfilename).这里就新建了一个test12文本文件.当然这个名字是可以随便取得.2、用”vitest12″命令进入vi命令行模式(vifilename).如果要想编辑文本文件.必须要转换到插入模式下,也就是按一下键盘上的”i”就可以了.这样就可以编辑文本,删除文本中的内容.按键盘上…

    2026年2月13日
    5
  • pycharm 2021激活码3月最新在线激活

    pycharm 2021激活码3月最新在线激活,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月15日
    123

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号