teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

補足の追加。

2016/05/06 05:31

投稿

kei344
kei344

スコア69625

answer CHANGED
@@ -1,8 +1,12 @@
1
1
  ```CSS
2
- .table>tbody>tr>td {border-style:none;}
2
+ .table>tbody>tr>td,
3
+ .table>tbody>tr>th,
4
+ .table>thead>tr>th {
5
+ border-style: none;
6
+ }
3
7
  ```か
4
8
  ```CSS
5
- td {border-style:none!important;}
9
+ table, th, td {border-style:none!important;}
6
10
  ```とか。
7
11
 
8
12
  **追記:**

1

補足の追加。

2016/05/06 05:31

投稿

kei344
kei344

スコア69625

answer CHANGED
@@ -2,5 +2,16 @@
2
2
  .table>tbody>tr>td {border-style:none;}
3
3
  ```か
4
4
  ```CSS
5
- td {border-style:none;!important}
5
+ td {border-style:none!important;}
6
- ```とか。
6
+ ```とか。
7
+
8
+ **追記:**
9
+
10
+ `!important` の位置がおかしかったので修正しました。
11
+ また、私が書いておきながら `!important` は使わないで済むなら使わないように設計するのがよいです。「詳細度」で上書きするのが良いです。
12
+
13
+ 【エンジニアはもう一度CSSとちゃんと向き合ってみよう - 詳細度編 - Qiita】
14
+ [http://qiita.com/izumin5210/items/8ae78cb4f4bd325bccb4](http://qiita.com/izumin5210/items/8ae78cb4f4bd325bccb4)
15
+
16
+ 【詳細度 - CSS | MDN】
17
+ [https://developer.mozilla.org/ja/docs/Web/CSS/Specificity](https://developer.mozilla.org/ja/docs/Web/CSS/Specificity)