CSS - 선택자

CSS 선택자 

 

지난번에 CSS를 이용하는 TAG를 사용할 때 selector선택자라는 것을 배웠습니다. 

그 선택자에 대해 자세히 공부하도록 하겠습니다. 

 

웹브라우저에 보이는 어떤 카테고리를 같은 그룹으로 묶고 싶다면 

class로 묶어 줍니다. 

예를 들면 한번 봤던 카테고리를 표시하고 싶다면

class="saw" 

 

그리고 

<style>

.saw{color:gray;} </style>

 

이렇게 스타일 테그로 만들면 됩니다. 

그냥 saw 라고 하지 않고 . saw라고 하는 이유는 그 의미가 클래스값이 saw인 경우라는 뜻 입니다. 

 

예로

<style>

a{color:black; text-decoration:none;}

#active{color:red;}

.saw{color:gray;}

</style>

 

스타일 태그 안에 tag, class, Id선택자가 있습니다. 

여기서 영향력이 가장 큰 것은 id > class > tag 나눌 수 있습니다. 

 

그렇기 때문에 tag에 블랙을 지정하고 id선택자를 레드로 지정할 경우 id 선택자의 영향력이 큼으로 

색깔은 red가 됩니다.