css选择器* + *是什么意思？

Question

出处：Chromium lands Flexbox gap，其中的
.layout > 星 + 星 是什么意思？

Answer 1

.layout 下的任意类型的直接子元素相邻元素，简单的说就是选择 .layout 下面第一级子元素除第一个外的元素。

.layout
  div.sub
    .r_sub
  p.sub2
    .r_sub2
  section.sub3
    .r_sub3
  main.sub4
    .r_sub4

以这个结构为例，.layout 的直接子元素中除了第一个 div.sub 不被选中，其他 sub 都被选中，但是其他 .r_sub 不会被选中，因为 .r_sub 不是他的直接子元素。

Answer 2

他不是给了个链接嘛 https://alistapart.com/articl...

意思是：选择除了第一个子元素外的子元素，等于 > :not(:first-child)