下記のコードを書いています。この罫線ありのテーブル(クラス名col-head-type1)の中に新たにテーブルを置きたいのですが、このテーブル(クラス名select_menu)には罫線を引きたくないのです。何かいい方法はありませんか?
ちなみに、initial、unsetなどをしてもだめでした。
CSS
1@charset "utf-8"; 2/* CSS Document */ 3.col-head-type1 { 4 border-collapse: collapse; 5 width: 100%; 6} 7 8.col-head-type1 th, .col-head-type1 td { 9 border: 1px solid #717171; 10 padding: 0px; 11 text-align:center; 12} 13 14.col-head-type1 th { 15 background: #f9fafc; 16 text-align: left; 17 width: 200px; 18} 19 20@media only screen and (max-width: 800px) { 21 .col-head-type1 tr, .col-head-type1 th, .col-head-type1 td { 22 display: block; 23 width: 100%; 24 } 25 .col-head-type1 tr:first-child { 26 border-top: 1px solid #dbe1e8; 27 } 28 .col-head-type1 th, .col-head-type1 td { 29 border-top: none; 30 text-align:center; 31 } 32} 33
CSS
1table.select_menu th tr td{ 2 border:unset; 3 border-spacing: 0px; 4} 5 6table.select_menu tr.list_mode_1{ 7 background-color:#FFDBC9; 8} 9table.select_menu tr.list_mode_2{ 10 background-color:#CBFFD3; 11} 12 13 14table.select_menu td{ 15 padding:10px; 16 17} 18
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/27 03:08