单选择器未被处理

Question

我为Roll20撰写了 Unknown Armies 字符表。完整来源可在Roll20 Character Sheets repository上找到。

我的CSS文件中的第一个选择器是：

div.sheet-madness
{
    position: relative;
    padding: 0px 25px 0px 25px;
}

如果每个选择器中尚未存在.charsheet，则它将在sheet-前面，以确保字符表不会修改页面上其他任何内容。由于类似的原因，它还为HTML源中使用的每个类添加了.charsheet div.sheet-madness { position: relative; padding: 0px 25px 0px 25px; } 。当我按照预期查看VTT的页面源时，我在标题中找到一个样式元素，其中包含：

div.sheet-madness > input[type="checkbox"].sheet-madness

然而，疯狂部门的复选框没有正确排列。当我检查div上的样式时，我什么都没有得到：

我的其他选择器似乎都运行得很好，包括div.sheet-madness:last-child > input[type="checkbox"].sheet-madness + span::before和attr_$stress-$notchType_max。我不明白什么是错的，为什么这个一个选择器似乎失败了。

此问题还会导致div.sheet-madness输入位于完全错误的位置，因为它们处于绝对位置，{{1}}是其父元素，我希望绝对定位相对于

Answer 1

我仍然不确定为什么会发生这种情况，但是，我设法通过在CSS文件的顶部添加一个虚拟选择器来修复它：

div.nop { }

div.sheet-madness
{
    position: relative;
    padding: 0 25px 0 25px;
}