Стилизовать родительский элемент CSS

Question

Я хотел бы знать, как стилизовать элемент в соответствии с его сыном.

.content p { 
 
    text-indent: 20; 
 
}

<div class="content"> 
 
    <p>1</p> 
 
    <p>2</p> 
 
    <p> 
 
    <iframe></iframe> 
 
    </p> 
 
    
 
    <!--I have to modify this paragraph--> 
 
    <p>4</p> 
 
</div>

Что мне нужно сделать, чтобы изменить этот пункт, который имеет IFRAME (text-indent: 0).

Answer 1

Лучше всего, чтобы написать что-то вроде

<p class="custom">...</p> 

Затем добавьте стиль с

p.custom{ 
    /* Your styles here */ 
}