0

我有一些如下所示的代码。我正在使用 css 尝试使用id="TL_QUANTITY$0"with分配 span 标签padding-right of 20px。但我错误地使用了 CSS 选择器。有谁知道我将如何更改 css 的结尾以通过不直接调用该 ID 来为该 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;
}

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

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

4 回答 4

2

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

请参阅此处：HTML 中 id 属性的有效值是什么？

于 2013-08-07T18:01:29.670 回答
0

您的 ID 元素选择器“id="tdTL_PAYABLE_TIME$0#2" 无效。ID 中不允许使用“$”

于 2013-08-07T18:07:03.573 回答
0

在您的 ID 名称中包含哈希 ( #) 会导致错误，例如：

#tdTL_PAYABLE_TIME$0#6说any element with ID 'tdTL_PAYABLE_TIME$0' and also ID '6'。

你可以试试：

.PSSRCHRESULTSODDROW div[style="width:78px;"]:nth-child(1) span:nth-child(1)
于 2013-08-07T18:08:54.347 回答
0

首先，IDs 用于唯一选择器

而class对于一组元素。

更新：首先我错过了 catch$和#，这是不允许的。

选项 1：ID 选择器 

#ElementId {
  padding-right: 20px;
}

选项 2：使用您的 div 的 ID 或类

#classID {
  padding-right: 20px;
}

选项3：使用 JSFiddle 之类的伪选择器，在您的情况下，您可以尝试类似的方法。

div:last-child span{
  padding-right: 20px;
}

还有更多选择。

于 2013-08-07T18:01:24.753 回答