Question

我遇到这种情况：

<table class="tablemaster">
    <tr>
        <td class="propertyname">...</td>
        <td class="propertyvalue" colspan="3">...</td>
    </tr>
    <tr>
        <td class="propertyname">...</td>
        <td class="propertyvalue">...</td>
        <td class="propertyname">...</td>
        <td class="propertyvalue">...</td>
    </tr>
</table>

....

<table class="tablemaster">
    <tr>
        <td class="propertyname">...</td>
        <td class="propertyname">...</td>
        <td class="propertyname">...</td>
        <td class="propertyname">...</td>
    </tr>
    <tr>
        <td class="propertyvalue">...</td>
        <td class="propertyvalue">...</td>
        <td class="propertyvalue">...</td>
        <td class="propertyvalue">...</td>
    </tr>
</table>

我必须将特定的css属性应用于仅具有第二个表的类“propertyname”的td，即仅应用于具有类属性的tds，该类属性仅具有该类的兄弟。
如果我使用.propertyname~.propertyname我将选择除第一个td之外的所有元素，并且我必须选择第二个表的所有元素。
是否存在一种在不修改源代码的情况下获得此目标的方法？或者，有没有办法考虑没有某种类型的孩子的元素？因为我可以选择.tablemaster tr的所有td.propertyname，它没有类型为.propertyvalue的子类。
非常感谢mutch

Answer 1

正如您所说，您想要选择第二个表的“propertyname”类的所有td，那么您可以使用此css代码

<style>

.tablemaster:nth-child(2) td.propertyname
{
   background: #000;
}

</style>

具有相同类的所有兄弟姐妹的css选择器

1 个答案: