CSS中的“>”是什么意思

举报
lxw1844912514 发表于 2022/03/27 03:38:26 2022/03/27
1.5k+ 0 0
【摘要】 #quickSummary p{color:red;}#quickSummary >p+p{color:red;}#quickSummary>p+p+p{color:inherit;}#quickSummary p:nth-child(2){color:red} 这段代码中的'>'是什么意思,还有就... 




        #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，这个可能不太好理解，自己试一试就知道了。

文章来源: blog.csdn.net，作者：lxw1844912514，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/lxw1844912514/article/details/100029335

【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱： cloudbbs@huaweicloud.com
CSS
  • 点赞
  • 收藏
  • 关注作者

作者其他文章

评论（0）

抱歉，系统识别当前为高风险访问，暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称，即可参与社区互动！

    *长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

    确认 取消

    加入云驻计划，成为创作者

    • 华为云周边好礼
    • 免费体验产品
    • 特殊身份标识
    • 线下官方门票
    • 内部专家零距离
    • 与10000+优质创作者共同成长
    立即加入