특정 요소에 스타일 입히기 (26페이지 예제)

doublemetal 2013. 7. 31. 18:21

 <!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<style type="text/css">
.line p:first-line {
	color: red;
	font-weight: bold;
}

.letter p:first-letter {
	color: blue;
	font-weight: bold;
	font-size: 3em;
}
</style>
</head>
<body>
	<h2>first-line 가상 요소</h2>
	<div class="line">
		<p>요소의 첫 번째 줄에 있는 콘텐츠만 선택하여 스타일ㅇ르 지정할 때 사용하는 선택자 방식으로,</p>
	</div>

	<h2>first-letter 가상 요소</h2>
	<div class="letter">
		<p>요소의 첫 번째 글자만 선택하여 스타일을 지정할 때 사용하는 선택자 방식</p>
	</div>
</body>
</html>