CSS 하나의 태그에만 속성을 줄 때 쓰는 id

●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다.

<ul>

<li>html</li>

<li >css</li>

<li>javascript</li>

</ul>

여기서 css만 점선 테두리를 치고 싶다고 했을 때,

 

스타일 태그안에 li를 선택자로 두면, html css javascript 모두 해당 되기 때문에,

 

css에 다가만 id를 부여하는 것이다.

 

<ul>

<li>html</li>

<li id="seleted">css</li>

<li>javascript</li>

</ul>

 

이런 식으로 아이디 값을 입력한다(어떤 아이디 값이든 상관없지만, 자신이 잘 알아볼 수 있는 아이디로 하는 것이 좋다.

 

그리고 스타일 태그는

<style>

#selected {

border:1px red dotted;

}

</style>

 

이런 식으로 selected 앞에 #버튼을 붙이는 것이다.

 

앞에다가 #버튼을 붙이지 않으면, 태그로 컴퓨터가 혼동되기 때문에 id selected를 선택한다는 뜻으로, #을 붙여야 한다.