# ! important

beckhye

Bootstrap 반응형웹 생성 가능 -> css 보다 더 예쁘게 만들어주는 기능을 알아보자. > 위에 link는 css > 처음 head 전에 붙혀넣기 아래 link는 java script > 마지막 body 전에 붙혀넣기 >> 순서가 크게 상관있는건 아니지만 HTML 파일 특성상, 위에서부터 읽혀 내려온다. 처음 CSS 역할: 아래 있는 것을 이쁘게 꾸며준다. (시작) 아래 Java Script 역할: 동작구현을 하게 해준다. (마지막) 인터넷

cloud_oort

next.js 프레임워크와 emotion css library를 사용 중이다. style reset을 위해 styled-reset을 사용했다. 문제는 header를 만드는 과정에서 발생했다. 스크롤을 내려도 화면 위에 고정되는 header를 만들기 위해 다음과 같이 설정했다. 그리고 만든 헤더에 덮이는 화면을 보이게 하기 위해 body 태그에 padding-top을 줘야 한다. globalStyle의 body태그에 padding-top을 줬는데 변화가 없다! 크롬의 검사창을 보니 이렇게 되어 있었다. 에러 styled-reset 설정에 막혀서 padding-top값이 적용되지 않고 있었다. 초짜인 나는 바로 해결하지 못하고, 아무 잘못없는 styled-reset이 문제인가 싶어서 다른 css res

minkuk90

CSS CSS는 같은 속성을 여러 번 정의했을 때, 나중에 설정한 값이 적용됩니다. 만약 나중에 설정한 값이 적용되지 않게 하려면 속성값 뒤에 !important를 붙입니다. 예를 들어 다음은 마지막에 설정한 color의 값이 blue이므로, red는 무시하고 문단의 글자색을 파란색으로 만듭니다. 하지만 다음은 red에 !important가 있으므로 문단의 글자색을 빨간색으로 유지합니다. 다시 속성값을 재설정하고 싶으면 !important를 다시 붙입니다. 예를 들어 다음은 문단의 글자색을 녹색으로 만듭니다.

jiiihyee

CSS는 같은 속성을 여러 번 정의했을 때, 나중에 설정한 값이 적용됩니다. 만약 나중에 설정한 값이 적용되지 않게 하려면 속성값 뒤에 !important를 붙입니다. 아무리 해도 안됐었는데 혹시나 싶어서 important 를 붙였더니 된다... 이래서 리프레시가 필요한 건가 싶다 밥먹으면서 2-3시간 쉬었더니 짠 풀리니 허무하면서 기쁜 느낌

qldudgh

홈페이지에 카카오 지도를 추가하다 중알 정렬을 위해 margin 값에 auto를 주었는데도 중앙 정렬이 되지 않아 구글링을 하다 !import 라는 것을 알게 되었다. > > 결과 : 안녕하세요 위에 코드와 결과를 살펴보면 일반적으로는 마지막으로 선언된 속성값이 적용되어서 빨간색으로 출력이 되어야 하지만 !important 를 통해 파란색이 출력된 것을 볼수 있고 이를 통해 !important는 해당 속성값이 우선 적용 되도록 도와준다는 것을 알수 있다. 중요하거나 변경되지 않도록 하고 싶은 속성값이 있다면 !important 를 사용하도록 하자.