꺾이지 않는 마음

혼자 원티드 웹 사이트 클론코딩을 진행하다 문제가 발생했다. 문제상황: 나는 아래와 같은 라인 배너를 따라 만들고 있었다. 배너 안에 있는 ">" 모양의 svg 파일을 가져오기 위해 개발자 도구를 켜서 해당 태그를 복사해왔다. 그리고 내 파일에 붙여넣은 후, css에 color: #fff; 를 주었다. 근데.. 적용이 안된다. 옆에 있는 글자는 흰색으로 잘 바뀌었는데 svg 파일의 이미지는 색상 변경이 안된다 ㅠㅠ svg 아이콘은 color 속성이 적용되지 않나보다. 그래서 원티드 사이트에서는 어떻게 흰색으로 바꾸었나 개발자 도구를 열어서 봤더니, fill: currentColor; 라는 css가 쓰여있었다. 본능적으로 감이 왔다. 이거다! 이렇게 svg를 감싸고 있는 부모 요소에 color: #fff;..