質問: 初めてBootstrapを勉強しています。 CSSも知識は乏しいです。 表題の通りですがテーブルの罫線を消したいです。 ※Bootstrapはあまり関係ないかもしれませんが・・・。 検索しても ストライプにしたり、 逆に色を付ける情報ばかりです。 以下を試してみましたが違うようで消えません。 ``` .table{border-style:none;} ``` ``` .table td{border-style:none;} ``` ``` Relaxation フェイシャルエステ \5,000 ``` ![全部消したいです](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/11c3d09d5f40d3b416f18275dd8871be.jpeg) 宜しくお願い致します。
回答: ``` .table>tbody>tr>td, .table>tbody>tr>th, .table>thead>tr>th { border-style: none; } ``` か ``` table, th, td {border-style:none!important;} ``` とか。 **追記:** `!important` の位置がおかしかったので修正しました。 また、私が書いておきながら `!important` は使わないで済むなら使わないように設計するのがよいです。「詳細度」で上書きするのが良いです。 【エンジニアはもう一度CSSとちゃんと向き合ってみよう - 詳細度編 - Qiita】 【詳細度 - CSS | MDN】