📌 HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<ol>
<li id="special">First</li>
<li>Second</li>
</ol>
<h1 id="special">hi</h1>
<button>Button 1</button>
<button>Button 2</button>
<div class="red"></div>
<div class="blue"></div>
<a href="naver.com">naver</a>
<a href="googlenaver.com">google</a>
<a>empty</a>
</body>
</html>
📌CSS
/* selector{
propterty:value;
} */
*{
color:green;
}
li{
color:blue;
}
li#special{
color:pink;
}
.red {
background: yellow;
width:100px;
height:100px;
padding:20px;
margin:20px;
border:2px dashed red;
}
button:hover{
color:red;
background:beige;
}
a[href$=".com"]{
color:purple;
}
참고 영상