선택자 종류
태그 선택자/클래스 선택자/id 선택자
>>세 가지를 활용하여 여러 선택자를 만들어 갈 수 있다.
1.부모 자식 선택자
부모>자식 : 부모밑에 있는 자식에 대해 효과 적용
#menu>li{
border: 1px;
}
-메뉴라는 아이디 밑의 li태그에 효과를 준다.
2.조상 자손 선택자
ul li{
border: 1px;
}
-ul 안의 li태그들에게 모두 효과를 준다.
3.복수 선택자 (,)
ul,ol{
border: 1px;
}
- , 연결된 모든 곳에 효과를 준다.
4.가상 클래스 선택자
a:hover{
color: red;
}
a:active{
color: yellow;
}
a:focus{
color:white;
}
(a태그안에 커서가 가거나 활성화 되거나 탭키 인식할때 효과가 바뀜)
-무엇인가 발생할 때 효과를 준다?
선택자는 엄청 다양하게 존재합니다. 그때 그때 찾아서 사용하는게 좋을 것 같네요
2.조상 자손 선택자
ul li{
border: 1px;
}
-ul 안의 li태그들에게 모두 효과를 준다.
3.복수 선택자 (,)
ul,ol{
border: 1px;
}
- , 연결된 모든 곳에 효과를 준다.
4.가상 클래스 선택자
a:hover{
color: red;
}
a:active{
color: yellow;
}
a:focus{
color:white;
}
(a태그안에 커서가 가거나 활성화 되거나 탭키 인식할때 효과가 바뀜)
-무엇인가 발생할 때 효과를 준다?
선택자는 엄청 다양하게 존재합니다. 그때 그때 찾아서 사용하는게 좋을 것 같네요
'IT 공부 > HTML,CSS' 카테고리의 다른 글
| stylish 사용법 (0) | 2017.04.28 |
|---|---|
| [CSS] css 폰트/웹 폰트 사용 (0) | 2017.04.27 |
| [CSS]- css의 기본 (0) | 2017.04.27 |
| 검색엔진에 잘 잡히는 HTML 작성 (0) | 2017.04.27 |
| HTML meta태그 (0) | 2017.04.27 |