css3中 > 与 >>>

发布时间 2023-05-04 17:26:31作者: 盘思动
  • CSS中 > 和 >>> 都是用来选择子元素的选择器,不过两者有一定的区别。
CSS中 > 只能选择直接子元素,而不能选择孙子元素及以下的后代元素。
例如,.parent > .child 可以选择 .parent 的直接子元素中的类为 .child 的元素,但是不能选择孙子元素中的 .child 元素。
CSS3中 >>> 选择器可以选择元素的后代元素中符合条件的元素,包括孙子元素及以下的后代元素。
例如,.parent >>> .descendant 可以选择 .parent 元素中所有的后代元素中的的类为 .descendant 的元素。