應用相同的樣式到多個表具有相同的父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

回答