应用相同的样式到多个表具有相同的父CSS类

.addActivityTable table tr { 
    border: none; 
} 

.addActivityTable table td { 
    border: none; 
}

为

.addActivityTable table tr, table td { 
    border: none; 
}

它不采取任何效果，我也试过：

.addActivityTable table tr, td { 
    border: none; 
}

这也行不通。有什么办法可以合并这些？

如果有人指向我一篇好的文章或博客这些类型的CSS选择器，这将有助于我学习。

2013-02-23 Tapas Bose

'.addActivityTable表TR，.addActivityTable表td' ...或者因为想必总有一款表缩短至'.addActivityTable TR，.addActivityTable td'。 – 2013-02-23 07:51:56

您需要：

.addActivityTable table tr, .addActivityTable table td { 
    border: none; 
}

或

.addActivityTable tr, .addActivityTable td { 
    border: none; 
}

2013-02-23 07:52:19 Stuart

+1在我的例子中''.activityTable'本身就是一个表的类。我只想将'border：none'应用于所有属于'activityTable'子表的'tr'和'td'。你的第一个解决方案就像一个魅力。你能告诉我关于css选择器的一些文章吗？ – 2013-02-23 08:00:31

这是一个很好的：http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/ – Stuart 2013-02-23 08:03:15

非常感谢。 – 2013-02-23 08:04:41

.addActivityTable tr, .addActivityTable td { 
    border: none; 
}

2013-02-23 07:51:47

试试这个，希望它会帮助你。只是删除表

.addActivityTable tr, td { 
    border: none; 
    }

2013-02-23 07:53:03

这将匹配*所有* TD元素...可能不是基于原始选择器的所需效果。 – 2013-02-23 07:54:13

这样想。上面说到，“在具有类addActivityTable的容器的子项的所有表行上将边界设置为none，并在站点中任何位置的所有表格单元格上将border设置为none。” – Stuart 2013-02-23 07:56:34

回答