English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
class="content"를 사용하여 모든 요소의 스타일을 선택하고 설정합니다:
!DOCTYPE html>
<html>
<title>기본 튜토리얼 웹(oldtoolbag.com)</title>
<head>
<style>
.content
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>저의 홈페이지에 오신 것을 환영합니다</h1>
<div class="content">
<p>저의 이름은 토끼.</p>
<p>저는 캐나다에 살고 있습니다.</p>
</div>
<p>저의 최고의 친구는 리리입니다.</p>
</body>
</html>테스트해보세요 ‹/›.class선택자는 클래스를 지정한 모든 요소의 스타일을 지정합니다.
IEFirefoxOperaChromeSafari
모든 주요 브라우저가 지원합니다.class선택자
class="myhome" 스타일을 모든 <p> 요소에 적용하는 방법:
!DOCTYPE html>
<html>
<title>기본 튜토리얼 웹(oldtoolbag.com)</title>
<head>
<style>
p.myhome
{
background:red;
}
</style>
</head>
<body>
<p>저의 이름은 토끼.</p>
<p class="myhome">저는 캐나다에 살고 있습니다.</p>
<p>저의 이름은 토끼.</p>
<p class="myhome">저는 캐나다에 살고 있습니다.</p>
</body>
</html>테스트해보세요 ‹/›