🦑구현하고 싶은 것
1) 모든 글씨는 검은색으로
-> 모든 a태그를 검은색으로
2)방문한 페이지의 글자는 회색으로
-> 방문한 페이지를 하나의 class로 묶어 그 클래스에 해당하는 글자를 회색으로 바꿈
3) 현재 페이지는 빨간색으로
-> id를 줌
class
1) 여러개의 값 들어올 수 있음
2) 띄어쓰기로 구분
3) 하나의 태그에는 여러개의 속성(class?)이 들어올 수 있음, 여러개의 선택자를 통해 하나의 태그를 공동으로 제어 가능
4) 한 태그에 해당하는 클래스 선택자가 동시에 두 개 있을 경우 뒤에 있는 선택자의 영향을 더 크게 받음
5) 클래스 선택자는 앞에 .을 붙임
6) 여러개를 한 클래스로 묶을 수 있음
id
1) class 선택자보다 id 선택자가 우선순위가 높음
2) id 선택자는 앞에 #을 붙임
3) 아이디는 하나만, 여러개를 한 아이디로 묶을 수 없음
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>WEB1- welcome</title>
<style>
#active{
color:red;
}
.saw{
color:gray;
}
a {
text-decoration: none;
color:black; <!-- 모든 a태그에 대해 글 색깔을 검은색으로 바꿔라 -->
}
h1 {
font-size: 45px;
text-align: center;
}
</style>
</head>
(❁´◡`❁)