CSS嵌套中::marker样式生效异常：归属<details>还是<summary>？

问题根源：选择器的空格错误 #

你写的不生效代码里，& ::marker中间多了一个空格，这会让选择器变成后代选择器，意思是找summary元素的后代元素里的::marker，但::marker是summary自己的伪元素，不是后代元素，所以样式不会生效。

把空格去掉，写成&::marker就对了，此时嵌套展开后是details summary::marker，直接选中summary的伪元素，样式就能正常生效：

details {
  padding: 4px;
  & summary {
    color: red;
    &::marker { /* 去掉空格 */
      color: green;
    }
  }
}

::marker的归属问题 #

根据CSS规范，::marker伪元素属于**