Дочерний элемент любого элемента в классе

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

Просто добавить CSS следующим образом: -

.main_class p {color: green;}

Answer 2

Используемый селектор выберет только p, которые непосредственно вложены в .main_class

, поэтому используйте следующий селектор.Это выберет любой элемент p на любом вложенном уровне, если он вложен в .main_class

.main_class p { 
  color: green; 
}

Также хотел бы добавить здесь, что ваша разметка недействительна.Вы путаете td, div & p.Для получения дополнительной информации см. W3C HTML Validator для проверки вашей разметки.