부모 자식 선택자

모든 저작권은 <생활코딩>의 생산자인 <egoing>님에게 있습니다.

문제시, 비공개로 전환하겠습니다.

<부모 자식 선택자>

<style> ul li {color:red} </style> : ul 밑에 있는 모든 li를 뜻한다.

예제

<!DOCTYPE html>

<html>

<head>

ul li{

color: red;

}

ol li{

border: 1px solid red;

}

#lecture>li{

border:1px solid red;

color: blue;

}

ul,ol{

background-color: powderblue;

}

</style>

</head>

<body>

<ul>

<li>JavaSCript</li>

</ul>

<ol>

<li>1. Selector</li>

<li>2. Declaration</li>

</ol>

<li>JavaSCript</li>

</ol>

</body>

</html>

- 선택자 공부 팁 -

http://flukeout.github.io/

con-templatio