变更按钮的由表设计成具有CSS

-1

考虑下面的代码显示由表构成两个不同的按钮（<tbody class="btn btn-left">颜色是一个按钮，并<tbody class="btn btn-right">是另一个按钮：变更按钮的由表设计成具有CSS

<table> 
<tbody class="btn btn-left"> 
    <tr> 
    <td class="btn-tl"></td> 
    <td class="btn-tc"></td> 
    <td class="btn-tr"></td> 
    </tr> 
    <tr> 
    <td class="btn-ml"></td> 
    <td class="btn-mc"></td> 
    <td class="btn-mr"></td> 
    </tr> 
    <tr> 
    <td class="btn-bl"></td> 
    <td class="btn-bc"></td> 
    <td class="btn-br"></td> 
    </tr> 
</tbody> 
</table> 

<table> 
<tbody class="btn btn-right"> 
    <tr> 
    <td class="btn-tl"></td> 
    <td class="btn-tc"></td> 
    <td class="btn-tr"></td> 
    </tr> 
    <tr> 
    <td class="btn-ml"></td> 
    <td class="btn-mc"></td> 
    <td class="btn-mr"></td> 
    </tr> 
    <tr> 
    <td class="btn-bl"></td> 
    <td class="btn-bc"></td> 
    <td class="btn-br"></td> 
    </tr> 
</tbody> 
</table>

CSS中工作，但没有按” T target的在TD，这是我需要

.btn-left { 
    background-color: red; 
    border-color: red; 
} 

.btn-right { 
    background-color: blue; 
    border-color: blue; 
}

你如何建立的CSS使一个按钮显示颜色和其他按钮显示另一种颜色？

谢谢你的帮助。

来源

2017-05-03 The Hidden Soul

的到底是什么颜色？你为什么用桌子来显示一个按钮？你现有的CSS是什么？ –

通过CSS瞄准他们 - 从神秘灵魂 –

@JanHančič我试图改变背景的颜色和所有''和''的边界在''内。 –

起初 - 您必须使用表格标签。

然后把下面的类在样式表：

.btn-left { color: blue; } 
.btn-right { color: red; }

a liddle fiddle

来源

2017-05-03 11:30:49

谢谢，这很接近。我编辑了我的帖子。基本上我需要目标的TD以及 –

你可以做这个表.class td .class ... –

哈！我不知道css combinators的功能，我需要做一个简单的'tbody.btn-left> tr> td'。感谢您的好意和帮助！ –

变更按钮的由表设计成具有CSS

回答

相关问题