본문 바로가기
코딩

선택자의 종류

by Skema 2017. 2. 16.
반응형

선택자의 종류 (생활코딩)


선택자 종류

1. 태그 선택자 : 모든 선택자에 디자인을 적용.



2. id 선택자 : 고유의 하나 태그에만 값을 지정하여 디자인을 적용.

 

<li>CSS</li>에만 효과를 주고 싶다면 id  선택자를 써야 한다.






select 앞에 #을 주목하라.



3. 클래스 선택자 : 여러 개의 태그를 (class)그룹핑해서 디자인을 적용.


다른 태그와 상관없이 속성 값을 그룹핑하여 줄 수 있다.




<li id="deactive">HTML</li>


약속 위반.


Because, id는 식별하기 위한 것임.


<li class="deactive">HTML</li>

 다른것도 마찬가지고..


head 태그에서 <style> 안에 있는 #deactive가


.(점)deactive.로 바뀌어야 한다.



반응형

'코딩' 카테고리의 다른 글

선택자 공부 팁  (0) 2017.02.16
부모 자식 선택자  (0) 2017.02.16
선택자와 선언  (0) 2017.02.16
HTML과 CSS가 만나는 법  (0) 2017.02.15
실습환경  (0) 2017.02.15

댓글