CSS

CSSのスタイルを解除する

More than 1 year has passed since last update.

CSSをマージした結果余計なものまで当たってしまっているときに、スタイルを解除するためリセット用のclassを作成

今回はテーブルのリセットを作成

xxx.scss
.reset_style {
  table {
    border-collapse: initial;
    border-spacing: initial;
    border-width: initial;
    border-color: initial;
  }
  tr {
    border-bottom: initial;
  }
  td {
    vertical-align: initial;
    padding: initial;
  }

}

initialを指定する事でスタイルの解除ができる。
後は、Chromのデベロッパーツールで確認しながら、リセットするStyleを探して追記していくだけ。