html - 错误地使用 CSS 选择器

Question

我有一些代码如下所示。我正在使用 css 尝试分配具有 id="TL_QUANTITY$0" 和 padding-right of 20px 的 span 标签。但是我错误地使用了 CSS 选择器。有谁知道我将如何通过不直接调用该 id 来更改 css 的末尾以使用该填充分配该 span 标签？

这是 HTML:

    <td id="tdTL_PAYABLE_TIME$0#2" class="PSLEVEL1GRIDODDROW" width="127" align="left" style="">
    <td id="tdTL_PAYABLE_TIME$0#3" class="PSLEVEL1GRIDODDROW" width="152" align="left" style="">
    <td id="tdTL_PAYABLE_TIME$0#5" class="PSLEVEL1GRIDODDROW" width="105" align="left" style="">
    <td id="tdTL_PAYABLE_TIME$0#6" class="PSLEVEL1GRIDODDROW" align="right" style="">

<div id="win10divTL_QUANTITY$0" style="width:78px;">
    <span id="TL_QUANTITY$0" class="PSEDITBOX_DISPONLY">8.00</span></div></td>

这是 CSS:

#lbContent #comp_zPNCComp .PSLEVEL1GRIDODDROW, #lbContent #comp_zPNCComp .PSLEVEL2GRIDODDROW, #lbContent #comp_zPNCComp .PSLEVEL3GRIDODDROW, #lbContent #comp_zPNCComp .PSSRCHRESULTSODDROW div:nth-child(1) span:nth-child(1) {
    padding-right:20px;
}

我知道其中大部分是正确的，我只是在尝试给 child 打电话的地方搞砸了:

#lbContent #comp_zPNCComp .PSLEVEL1GRIDODDROW, #lbContent #comp_zPNCComp .PSLEVEL2GRIDODDROW, #lbContent #comp_zPNCComp .PSLEVEL3GRIDODDROW, #lbContent #comp_zPNCComp .PSSRCHRESULTSODDROW 

Answer 1

我认为真正的问题在于元素的 ID 名称。我可能是错的，但我认为在 CSS 中不允许使用 $ 来指定元素的 ID 名称。

参见此处:What are valid values for the id attribute in HTML?