css가 적용되어있는데 취소선이 그어져있는건 어떤상황인가요?

Question

이번에 사이트 개편을 하면서, 기존 css랑 충돌이 있어조정 작업중인데요대체 왜 새로 넣은 css 파일이 적용이 안되는지 환장하는 중입니다. 분명하게, 아주 분명하게 head의 최 하단에 link 된 css 파일입니다.크롬 개발자도구로 소스 자체를 봤으니 확실합니다. 문제는, 실 적용되는 css 코드가 밑줄 상태로 적용중이라 알쏭달쏭인겁니다. 위 이미지의 font-family 부분입니다. 분명하게 본문 글 폰트가 open sans 로 적용되고있고,저부분을 지우면, 제가 새로 넣은 css파일에서 선언한 noto sans 폰트로 바뀝니다.즉, 지금은 저 css 코드가 작동 중이라는건데, 왜 취소선이 되어있을까요? 지금 css 충돌 못잡는게 이거때문 아닐까 싶어 질문드립니다. 추가) 사진 안나오고있다는걸 너무 늦게봤네요.....

iMac 0 · Accepted Answer

https://blog.rightbrain.co.kr/?p&#61;11693➊ box model에서 엘리먼츠에 적용된 margin, border 값 등을 확인할 수 있습니다. ➋ 화살표를 누르면 드롭다운 되면서 해당 엘리먼츠에 어떤 CSS가 적용되었는지 보여줍니다. ➌ 해당 요소를 클릭하면 Styles패널의 CSS로 이동합니다. ➍ 취소 선이 그어진 CSS는 상단 CSS에 우선순위가 밀린 값입니다. 상단 CSS에 우선순위가 밀린 값이다(적용 안되고있다) 근데 그 위에서 이미 같은 Element에 같은 css가 적용되어있다면...?

iMac 0 · Answer

항상 css나 js 관련 적용안되는 문제 보면 일단 캐시생각부터 나는...

로를리앙 · Answer

1. 캐시2. !important정도로 생각안들어요 ..

뛰라고 · Answer

음....!important 는 아닌것같고...(!important는 소스 보기에서 보이죠...?) 캐시도 아닌것같습니다. 제발 캐시 문제이길 빌었지만...크롬 캐시 삭제 싹돌리고 다시 들어가도 여전하네요. 아주아주 혹시나 싶어서 조금전에 찾아본 정보 맞는지 좀 여쭤보겠습니다.html의 안에,

로를리앙 · Answer

그럼 아마 이거같기도 하네요 ..? 링크

뛰라고 · Answer

음...해당 링크는 저도 읽어봤지만...여전히 제 웹페이지에 뭐가 문제인지를 모르겠습니다... 적용 중인데 취소선이 그어져있는게 대체 무슨 의미일까요....

iMac 0 · Answer

https://okky.kr/article/453917?note&#61;1404195참고하시라고.. 다른 답변:CSS 의 우선순위에 따라 중복 설정된 스타일에 줄이 그어진겁니다.그냥 두셔도 됩니다. 오히려 잘 못 삭제하면 다른 스타일에 영향을 줄 수 있습니다.간혹 저 줄 앞에 삼각형의 느낌표 아이콘이 있다면 오탈자일 경우가 있으니 살펴주심 될듯 합니다. 아참 그리고 이미지 하나도 안나옵니다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ

뛰라고 · Answer

........?????혹시css에서, 취소선 처리된건 '중복' 이라는 의미인가요? 적용 안되었다는 뜻이 아니라? .....아닌거같은데... 여러 css가 중복이어도, 그중에 우선순위 제일 높아서 적용 되고있는건 취소선 안그어지지 않나요?중복이라서 미적용인 css코드에만 취소선 그어지는걸로 압니다.

뛰라고 · Answer

imac 님 계속 답변 달아주셔서 감사합니다. 똑같은 css가 또 있는거 아닌가...라는 의견. 일리있다 생각하여 실험해 봤지만, 아닌걸로 추정됩니다. 일단... 해당 css(적용되었지만 취소선 되어있는 open sans 폰트)의 앞에 체크박스를 해제했더니다른 폰트가 적용됩니다.그렇다는건, 방금전까지 해당 css가 적용중이었다는거고... 그리고 다른 동일 css코드도 없는걸로 확인됩니다 ㅠㅠ 이미지 추가 했습니다...

뛰라고 · Answer

앗.... imac 님 답글에서 뭔가 희망을 봤습니다. 추정하신 내용과는 조금 다르지만, 해당 링크 내용을 읽다가 computed 탭으로 들어가서 뭐가 어떻게 적용되는지를 봤습니다. inherit;;;; 가 적용되고있더군요. 원인은 찾았지만 더 막막하네요. 하지만 퇴근시간이라...내일 다시 와서 머리싸매고 연구해보다가 정 안되면 다시 질문 써야겠습니다. 도와주신 여러 분들 모두 감사합니다.

Aron.log · Answer

안녕하세요 공부하다가 저도 막혔었는데 해결방법을 찾아서 공유드려요제 블로그에 올려뒀으니 한 번 참고해보세요https://velog.io/&#64;imyourjazz/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EB%8F%84%EA%B5%AC-%EC%B7%A8%EC%86%8C%EC%84%A0-%EC%9B%90%EC%9D%B8

css가 적용되어있는데 취소선이 그어져있는건 어떤상황인가요?

11개의 답변

Q&A 목록