안녕하세요
인강들으면서 공부하고 있습니다!
궁금한 점이 있는데요,
view more부분에 hover했을때 색깔 덮는 부분에서&nbsp;
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 25px; line-height: 34px; white-space: pre;">
<div>section.main&nbsp;.mainTitle&nbsp;.view:after{content:'';&nbsp;width:&nbsp;0;&nbsp;height:&nbsp;100%;&nbsp;background:&nbsp;red;&nbsp;position:&nbsp;absolute;&nbsp;left:&nbsp;0;&nbsp;top:&nbsp;0;}</div>
<div>section.main&nbsp;.mainTitle&nbsp;.view:hover:after{width:&nbsp;100%;&nbsp;transition:&nbsp;all&nbsp;0.3s;}</div>
<div>이렇게하신 이유가 있나요?</div>
<div>section.main&nbsp;.mainTitle&nbsp;.view:hover {~} 이렇게만 해도 될것같은데요..</div>
<div></div>
</div>

<h6 class="user-name" style="box-sizing: inherit; margin: 0px; padding: 0px; font-size: 14px; font-weight: 500; height: 20px; line-height: 1.43; color: #495057; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">카도아보님 안녕하세요? 답변이 늦어 죄송합니다. 제가 강의하는 부분은 가상선택자를 이용해서 호버효과를 만들려고 한 부분입니다. 클론코딩이라...한화사이트를 그대로 제작하다보니 가상선택자를 사용해야 제대로 효과가 나올 수 있어</h6>

<span class="sub-title__created-at" style="box-sizing: inherit; height: 20px; font-size: 14px; line-height: 1.43; color: #adb5bd; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">&nbsp;적용하였습니다. 감사합니다.

Inflearn Community Q&A

5강에서 view:after 와 view:hover