CSS - 반응선택자
- 각종정보모음/컴퓨터
- 2020. 3. 20.
반응선택자는 사용자 반응으로 생성되는 특정한 상태를 말함.
사용자가 특정 태그 위에 마우스를 커서 올리면 hover 상태고,
특정 태그를 마우스 클릭하면 active 상태
예제 결과를 보면 글자 위에 마우스 커서를 올리면 빨간색이 적용되고, 클릭하면 파란색이 적용이 된다.
| 형태 | 설명 |
| :active | 사용자가 마우스를 클릭한 태그 선택 |
| :hover | 사용저거 마우스를 커서 올린 태그 선택 |
<!DOCTYPE html>
<html>
<head>
<title>CSS selector Basic</title>
<style>
h1:hover{color:red;}
h1:active{color:blue;}
</style>
</head>
<body>
<h1>반응선택자</h1>
</body>
</html>
'각종정보모음 > 컴퓨터' 카테고리의 다른 글
| CSS - 크기단위 (%,em,px 백분율단위,배수단위,픽셀단위) (10) | 2020.03.20 |
|---|---|
| CSS - 구조선택자 (5) | 2020.03.20 |
| CSS - 상태선택자 (16) | 2020.03.20 |
| CS Position 속성 활용팁 (margin과 absoulte 활용) (14) | 2020.03.18 |
| 후손선택자와 자손선택자 (7) | 2020.03.18 |
| CSS - 속성 선택자 (13) | 2020.03.16 |