Возможно ли установить условный css на основе элементов иерархии?

Question

Рассмотрим следующий HTML:

<div> 
    <p> 
    <strong>Title</strong> 
    </p> 
    <p> 
    some resular text.... 
    </p> 
</div> 

Я хочу добавить отступы пункта, только если он имеет «сильный» внутри него.

Возможно ли использование только CSS (без JS)?

Answer 1

Да, вы могли бы сделать это:

p > strong { 
    padding:10px; 
} 

Answer 2

Да, вы можете. Обратитесь к this post за изучением правил.

Демо: https://jsfiddle.net/n05jaua4/3/

HTML:

<div> 
    <p> 
    <strong>Title inside paragraph</strong> 
    </p> 
    <p> 
    some resular text.... 
    </p> 
</div> 
<strong>Title</strong> 

CSS:

p strong{ 
    padding-top: 50px; 
    padding-right: 30px; 
    padding-bottom: 50px; 
    padding-left: 80px; 
}