3. clone coding - dev툴 이용해서 css 참고

적용된 css가 궁금한 부분에 검사를 클릭하면

 

그 부분의 elements가 표시되면서 Styles에서 해당부분에 적용된 css를 볼 수 있다.

체크된 부분을 지워가면서 이렇게 하면 어떤게 바뀌는지 보면서 공부 해볼 수 있고

내 clonecode에도 참고해서 적용할 수 있어서 좋은것 같다.

 

그리고 hover 같은 경우도 Force element state에서 확인해볼 수 있다.

뿐만 아니라 active focus 등등 다른 부분들도 적용된게 있다면 확인해볼 수 있다.