html - 多个重叠类中的 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 */ }将完成这项工作。无需添加所有类，直到您要选择的类。