참조
inline이란?
css파일이나 스타일 태그를 따로 만들지 않고, 태그 안에서 style을 지정하는 방법이다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div class="colortext" style="color: red">색상 적용</div>
</body>
</html>
글자가 빨간색으로 변환걸 확인할 수 있다. 그래서 나도 inline style로 계속 적용하던 중 hover를 수정해야 할 부분이 존재했고 inline style로 백날 해도 안되는 것을 알고 검색을 해보았다.
결론
inline css에서는 호버를 적용하는 것이 불가능 하다. 그 이유는 :hover는 의사 선택기이며 css의 경우 스타일 시트 내에서만 의미가 있기 때문이다. 인라인 스타일에 해당하는 것은 없습니다.(선택 기준을 정의하지 않기 때문에)
의사클래스(pseudo-class)
공부내용 추가
의사 클래스
하루 한 걸음 성장하는 개발자