맨 위의 <strong>태그와
<p> 안에 있는 <strong>태그의 텍스트 요소에 각기 다른 색상을 선언해줄 수 있음!
=============================코드=============================
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
strong {
color : blue; /* color : 글자 색상 속성 */
}
p strong {
color : red;
}
</style>
</head>
<body>
<strong>그냥 텍스트 요소</strong>
<p>
<strong>자손 텍스트 요소</strong>
</p>
</body>
</html>=============================실행=============================
ul li { } : 자식을 포함한 자손
ul > li { } : 자식만 포함시킴
=============================코드=============================
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
ul li { /* 자식을 포함한 자손 */
color : blue;
}
ul > li { /* '>' 는 자식을 의미 / 자식만 포함시키는 것 */
color : red;
}
</style>
</head>
<body>
<h3>음료 메뉴</h3>
<ul>
<li>콜라</li>
<li>사이다</li>
<li>환타</li>
<li>커피
<ol>
<li>아메리카노</li>
<li>카페라떼</li>
<li>아삿추</li>
<li>크림라떼</li>
</ol>
</li>
<li>포카리스웨트</li>
</ul>
</body>
</html>=============================실행=============================
