为什么表头会忽略：before元素？

Question

我花了太长时间来调试这个：

android:fitsSystemWindows="true"

table:before {
  
                height: 3px;
                display: block;
                width: 52px;
                background: black;
                content: '';
}

table {
  background: red;
}

显然，thead元素始终位于表格的：before元素之前。这看起来像bug，但它在所有浏览器中的行为都是这样的？在W3规格中我也看不到任何东西，有人知道这是怎么回事吗？