HTML/CSS 상위 태그에 따라 Style을 다르게 처리하는 방법

HTML/CSS 상위 태그에 따라 Style을 다르게 처리하는 방법

아래 예제는 id 를 지정하였지만 태그명이 다르다면 id 지정을 안하여도 된다.

<style>

#div1 > p {

background-color:#FF8000;

}

#div2 > p {

background-color:#FFFF00;

}

</style>

<div id="div1">

<b>DIV1</b>

<p>parent id div1</p>

</div>

<div id="div2">

<b>DIV2</b>

<p>parent id div2</p>

</div>

<p>Normal p tag</p>

예제

DIV1

parent id div1

DIV2

parent id div2

Normal p tag