课堂上任何元素的孩子

Question

我想将所有段落设置为绿色，无论父项是什么元素，也不管父项和子父项的数量，只要它们在“main_class”类中。

<style>
     .main_class > (?) > p { color: green; }
</style>

<div class="main_class">
    <p> Test </p>
    <div>
        <p> Test </p>
    </div>
    <td> Test </p>
    <div>
        <div>
            <td>
                <p> Test </p>
            </td>
        </div<
    </div>
</div>

Answer 1

您正在使用的选择器将仅选择直接嵌套在p下的.main_class

所以使用以下选择器。这将在任何嵌套级别选择任何p元素，只要它嵌套在.main_class下

.main_class p { 
  color: green; 
}

还想在此添加您的标记无效。你混合了td，div和p。有关更多信息，请参阅W3C HTML Validator以验证您的标记。

Answer 2

只需添加css如下： -

.main_class p {color: green;}