子代关系选择器和后代选择器的区别是什么

后代选择器——典型用单个空格(” “)字符——组合两个选择器,比如,第二个选择器匹配的元素被选择,如果他们有一个祖先(父亲,父亲的父亲,父亲的父亲的父亲,等等)元素匹配第一个选择器。选择器利用后代组合符被称作后代选择器。

子代关系选择器和后代选择器的区别是什么

子代关系选择器——是个大于号(>),只会在选择器选中直接子元素的时候匹配。继承关系上更远的后代则不会匹配。例如,只选中作为<article>的直接子元素的<p>元素:

子代关系选择器和后代选择器的区别是什么

ul li {
  border-top: 5px solid red;
}

 

子代关系选择器和后代选择器的区别是什么

ul>li {
  border-top: 5px solid red;
}

 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
CSS

CSS-input(autocapitalize,autofocus)

2021-11-24 0:21:14

C语言课堂笔记

C语言中的标识符和关键字

2021-10-6 11:44:54

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索