多个重叠类中的 CSS 选择元素

Question

我有一个包含如下结构的 html 页面：

<table class="pick">
    <tr>
        <td>
            <div class="class1">
                <div class="class2">
                    <div class="myClass"></div>
                </div>
            </div>
        </td>
        <td>
            <div class="class1">
                    <div class="myClass"></div>
            </div>
        </td>
    </tr>
</table>

如何选择 myClass 类中的元素，该类位于 pick 类中，但 div 元素的结构是可变的，如代码示例中所示？

我可能需要这样的东西：.pick .something_else .myClass { /*style*/ }，但我不知道具体是什么。

Answer 1

.pick .myClass { /* style */ } 将完成这项工作。无需添加所有类，直到您要选择的类。