728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<title>선택자</title>
<meta charset="UTF-8">
<style>
/*
<선택자(Selector)>{
<속성(Property)>:<값>;
<속성(Property)>:<값>;
<속성(Property)>:<값>;
}
*/
/* 요소 선택자 (Element Selector)*/
a {
background-color: black;
/* 배경 색상 */
color:red;
/* 글씨 색상*/
}
b {
color:blue;
}
/* 자식 선택자 */
/*
'부모 선택자' > '자식 선택자' {
...
}
*/
body > a {
font-size: 32px;
/* 글씨 크기 */
}
body > b > a {
text-decoration: underline;
}
/* 자손(후손) 선택자 (자식도 선택) */
/*
'선조' '자손(후손) 혹은 자식'{
...
}
*/
div a {
color: red;
}
</style>
</head>
<body>
<!-- <a >Hello!</a>
<b>
Hi
<A>child</A>
</b>
<a >ABCD</a>
<div>
<div>
<b>
<a>
??
</a>
</b>
</div>
</div> -->
<a>1</a>
<div>
<a>2</a>
<div>
<a>3</a>
<span>
<a>4</a>
</span>
</div>
</div>
<a>5</a>
</body>
</html>
<!-- /* */ -->
728x90
반응형