li로 묶인 글을 파란색으로 칠하라
<style>
	li{color: blue;}
</style>

제목을 붉은색으로 칠하라
<h1 style="color: red;">helloworld</h1>


선택과 선언
<style>
	li{color: blue;
		밑줄 그어주는 것
		text-decoration:underline;
		}
</style>

선택자의 종류
1.id 선택자
#select{font-size:50px;}
<li id="select"></li>

2.클래스선택자
Class : 어떠한 대상을 그룹핑하기 위한 것
id : select는 한번만 등장한다. 여러번 사용할 경우 클래스를 사용해야한다.
.active{text-decoration:underline;}
<li class="active"></li>

3. 부모자식 선택자
ul아래에 있는 li에 값을 파란색으로 바꿔라
ul li{color: blue;}
	
ol아래의 li에  빨간 칸을 만들어라
ol>li{border:1px solid red;}
	
ul,ol의 배경색을 파란색으로 바꿔라
ul,ol{background-color:powderblue;}

+ Recent posts