728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<title>선택자 : 클래스</title>
<meta charset="UTF-8">
<style>
/*
클래스 선택자
.'클래스 이름' {
...
}
HTML 태그에 부여된 class 속성(Attribute)을 기준으로 선택
*/
a.color-red{
color: red;
}
/* a태그 이면서, color-red 클래스를 가지는 것*/
a.back-yellow {
background-color: yellow;
}
a.color-red.back-yellow {
text-decoration: underline;
}
/* a태그 이면서,color-red와 back-yellow 클래스를 모두 가지는 것*/
</style>
</head>
<body>
<a class="color-red">1</a>
<a class="color-red back-yellow">2</a>
<a class="back-yellow">3</a>
</body>
</html>
728x90
반응형