id, class, element 이 세가지에 대해서
<style>
a{#a 태그(element)를 선택한 것
color:black; #색깔은 검은 색
}
h1{#h1 태그(element)를 선택한 것
text-align:center; #센터에 위치시킨다.
color:red;
}
.saw{#saw class를 선택한 것
color:yellow;
}
#glacier-4{#glacier-4 id를 선택한 것
color:blue;
}
</style>
<a href='www.###.com', class='saw', id='glacier-4'>링크<a/>선택자의 우선순위는 id > class > element이다.
이는 코드를 더 정교하고 효율적으로 구성하기 위함이다.
id는 #id{}
class는 .class{}
element(tag)는 tag{}
와 같이 표기하면 된다.
https://www.w3schools.com/
에서 css 선택자, 속성에 대한 많은 정보들을 얻을 수 있다.
