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 */} 将完成这项工作。无需添加所有类(class)，直到您希望选择的类(class)为止。