[TIL] Overriding !important style

document.getElementsByClassName('m_board_file_list')[0].setAttribute('style', 'display: none !important');

(긴급 추가) Wed Apr 13 / 2022

ㅁㅊ 기존에 설정되어있던 속성이 날아가버림 ㅋㅋㅋㅋㅋㅋㅋ

매우 위험한 방법이였다.

이 상태로 여러 페이지를 개발했는데 거의 뭐 시한폭탄

if(lang === "cn") {
    let temp = document.querySelectorAll('[data-detect]');
    temp.forEach((el) => {
      el.classList.add('set_cn_font')
      // el.setAttribute('style', 'font-family: Kaiti'); 
    })
  }

.set_cn_font {
  font-family: Kaiti;
}

클래스를 추가하고 클래스에 원하는 속성을 따로 적어주었다.

출처

https://stackoverflow.com/questions/462537/overriding-important-style