Html 在CSS中选择合适类的相关问题

我有以下HTML：

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


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

现在我只想为tr下的

rcbReadOnly

编写class，class

gridItem

无论我在

rcbReadOnly

中设置了什么样的类属性，都应该只应用于类为

gridItem

的tr下的td。 我如何应用它？？

---

感谢

tr.gridItem td.rcbReadOnly

表示

td

拥有

class

rcbReadOnly

，其父项是

tr

拥有

class

gridItem

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

使用以下方法：

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

但是，这将使所有td与

tr.gridItem

中的类

rcbReadOnly

相匹配，即使它们嵌套在这样的新表中：

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

这行吗

tr.gridItem td.rcbReadOnly {}

---

您可以尝试嵌套类，使用类名

gridItem

将样式指定为

tr

，使用类名

rcbReadOnly

tr.gridItem td.rcbReadOnly{}

---

用

gridItem.rcbreadly

写类名你的答案总是以“Try:”开头吗？你应该试着对你的答案更加自信：）

.rcbReadOnly>.gridItem

？@Pay4m-其他方式我已经投票决定了，因为你自己一开始没有尝试过任何东西。更具体点？也许是这个

table tr.rcbReadOnly>td.gridItem

@Pay4m：您如何将“其他方式”解释为“更具体”？

tr.gridItem td.rcbReadOnly{}