Question

我有以下HTML：

<table>
    <tr class="gridItem">
        <td class="rcbReadOnly">              
        </td>
    </tr>
</table>


<table>
     <tr>
        <td class="rcbReadOnly">                      
        </td>
     </tr>
 </table>

现在我想只为类rcbReadOnly下的gridItem编写课程无论我在rcbReadOnly中设置的类属性应该只应用于类gridItem下的tr下的td。我该怎么办？感谢

Answer 1

您可以尝试使用类的嵌套，使用类名tr指定样式为gridItem，使用类名rcbReadOnly指定td

tr.gridItem td.rcbReadOnly{}

Answer 2

tr.gridItem td.rcbReadOnly表示td class rcbReadOnly，其父级为tr，class gridItem。

tr.gridItem td.rcbReadOnly{
   /* Properties here */
}

DEMO here.

Answer 3

使用它：

table tr.gridItem td.rcbReadOnly {
    /* Put your style here */
}

但是，这会将所有td与rcbReadOnly内的tr.gridItem类匹配，即使它们嵌套在这样的新表中：

<table>
    <tr class="gridItem">
        <td>
            <table>
                <tr>
                    <td class="rcbReadOnly"></td>
                </tr>
            </table>
         </td>
     </tr>
</table>

如果您只想匹配直接在tr.gridItem中的那些td.rcbReadOnly，那么您将不得不使用以下css选择器：

tr.gridItem > td.rcbReadOnly {
    /* Put your style here */
}

Answer 4

这有用吗？

tr.gridItem td.rcbReadOnly {}

Answer 5

使用gridItem.rcbReadOnly

编写班级名称

与在CSS中选择适当的类相关的问题

5 个答案: