可以使用伪元素来定位后代吗？

Question

我试图在某些情况下使用滚动条为元素的后代添加计算的宽度，但似乎无法使以下工作。伪元素可以这种方式使用吗？如果不是为什么不呢？ body :: - webkit-scrollbar不会有与body一样的后代和工作吗？

以下是我想要使用的代码（即，仅当body或parent div具有伪元素:: webkit-scrollbar时才添加宽度）但我最感兴趣的是它为什么不能工作。

div::-webkit-scrollbar .child-element, body::-webkit-scrollbar .child-element {
        width: calc(100% - $scrollbarwidth );
}

Answer 1

不在CSS2.1

  

伪元素只能附加在最后一个简单选择器之后   选择器。

不在Selectors Level 3：

  

每个选择器只能出现一个伪元素，如果存在则   必须出现在表示代码的简单选择器序列之后   选择者的主题。

有时，在Selectors Level 4：

  

一些伪元素被定义为具有内部结构。这些   伪元素可以跟随子/后代组合子   表达这些关系。选择器后面包含组合器   伪元素无效。