[CSS] 색상에 큰 따옴표 사용 + content 속성에 따옴표 미사용

문제 상황

• :root에 css 변수를 등록
• var()를 사용하여 버튼의 배경색으로 활용 시도
• 배경색이 투명하게 표시되는 현상 발생

내 배경색 돌려줘요

---

원인 및 해결

• 색상 변수에 큰 따옴표 사용

큰 따옴표 사용이 원인이었음에도 불구하고 개발자 도구 상으로는 마치 정상적으로 색상을 지정한 것처럼 색상 아이콘이 표시되었습니다.

좌) 잘못된 방법, 우) 옳은 방법

 

큰 따옴표를 제거하니 배경색이 제대로 적용되었습니다.

 

덧

content 속성에는 따옴표를 붙여주어야 합니다.