Question

我正在尝试选择#left和#right，但我不知道该怎么做。

<table class="pricetable">
    <tr>
        <td id="left">test</td>
        <td id="right">test1</td>
    </tr>
</table>

我已经尝试了#right.pricetable td{}但它不起作用。想法？

Answer 1

在CSS中，id应该是唯一的，所以你可以使用

#right { ...}

Answer 2

.pricetable td#left

选择器从左到右工作。此外，ID应该是唯一的。

Answer 3

它可能是

#right

或

.pricetable td#right

Answer 4

CSS选择器从左到右工作。 #right.pricetable正在寻找一个id=right AND class = pricetable的元素。

ID非常具体，#left或#right本身就可以使用。

Answer 5

使用

.pricetable td#left{

 }
.pricetable td#right{

}

或两者的风格相同

使用

.pricetable td#left,.pricetable td#right{

     }

或只是

#right { ...}

#left{...}

因为 ID是唯一的

Answer 6

基本上，其他人都在说 - 尽管如此，除非你预期使用更多相同的ID，这是非诺，否则你不必对选择器具有超级特异性。因此，您可以使用#left和#right，或者与.pricetable #left和.pricetable #right一样具体。除非你真的想要发疯并table.pricetable tr td#left, table.pricetable tr td#right

CSS表id选择

6 个答案: