停止表继承

Question

我试图找出如何在另一个表中有一个表,以便子表不继承父表的样式...

如果我有一张桌子

<table align='center' class='tab1' ....
<tr> <td> ...<table class='tab2' ....

.tab table, .tab th, .tab tr, .tab td { 
padding: 0;
margin:0;
vertical-align: top;
font-size: 11px;
line-height: 15px;
padding-top: 5px;
padding-bottom: 5px;
}

.tab table {
border-collapse: collapse;  
font-size: 11px;
border: 1px solid #999;
table-layout: fixed;
}

---

在我继续寻求帮助之前,我想我应该告诉你我的桌子是什么.我的表列出了迭代直到结束的信息.对于每一行,都有一个隐藏的div,允许在单击相关行的按钮时看到信息.这是我想用另一个表在我的两个父表中定位一个3列表的地方.在考虑之后,我宁愿没有嵌套表格.现在你说还有另一种更好的方法.我假设最好使用div并对行中的特定元素使用position属性.

我的输出示例如下所示:

name - title                                     view edit
email - country
----hidden info-----
address ......              alternate email                 notes...
............                other info.....
.............               other info .....

Answer 1

您正在寻找的选择器如下所示:

table#mytable > tr > td {
  ...your properties
}

V形(>)确保只有直接的孩子,而不是孙子被分配属性.这意味着不会选择子表的tr和td.

但是,我告诫你不要使用桌子进行定位......根据屏幕阅读器的不同,视力不佳的用户可能会听到各种奇怪的输出.您可能想要考虑他们前进的经验.