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,这个可能不太好理解,自己试一试就知道了。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • virus.win32.parite.h病毒查杀

    virus.win32.parite.h病毒查杀virus.win32.parite.h病毒查杀第一步,病毒不会无缘无故的出现,一般是有病毒下载器(通常蛰伏在流氓软件中),或者是有后门病毒将这些病毒下载下来。用优化大师或金山或360都行,流氓软件清除工具(360插件扫描和***查杀中部分选项,注意不要一下子处理威胁,要选择流氓软件、后门项目处理)第二步,要下载两个专杀(绿盟有打包的,也可以自己一个个找)1、北信源Win32…

  • HTTP协议

    HTTP协议

  • 【前端】HTML详细教程(下篇)[通俗易懂]

    【前端】HTML详细教程(下篇)[通俗易懂]❤️HTML必备知识详解❤️☀️第三部分:特殊符号❄️(1)什么是特殊符号?????(2)为什么需要特殊符号?☔️第四部分:表格⛄️(1)什么是表格?????(2)表格如今用来干啥?????(3)表格初识????实现效果:☁️第五部分:表单(很重要哦!!!)⚡️1.是什么&什么作用&哪些应用????(1)表单是什么?????(2)表单的作用?????(3)表单的应用?????2.表单(form)的属性:????3.表单常用的标签:????(1)input标签:????1.input标

  • Android面试题:Retrofit「建议收藏」

    目录源码:相关视频:相关文章:一、简介:二、Retrofit常用参数注解:三、Retrofit使用:源码:square/retrofit相关视频:Retrofit网络库相关文章:Android优雅的让RxJava2.0+Retrofit2.0结合使用手写Rxjava+Retrofit+Mvp这是一份很详细的Retrofit2.0使用教…

  • navigator.appVersion的值_你使用的是netscape浏览器

    navigator.appVersion的值_你使用的是netscape浏览器来源:https://developer.mozilla.org/zh-CN/docs/Web/API/NavigatorID/appName英文:  TheNavigatorID.appNamepropertyreturnsthenameofthebrowser.TheHTML5specificationalsoallowsanybrowsertoreturn”Netscape”here,forcompatibilityreasons.Note:Do.

  • 计算机进制及转换_计算机运算 进制转换

    计算机进制及转换_计算机运算 进制转换计算机使用二进制,另外常用的还有八进制、十进制和十六进制。进制特点及表示方法(1)二进制:满2进1,0~1表示,在JDK1.7之前程序中不容许定义二进制数字,从JDK1.7开始可以定义。一般以0b

发表回复

您的电子邮箱地址不会被公开。

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