2013-09-26 55 views
0

我有我的網站上兩個表,這些被命名爲:引用到一個特定的表的日,TR和TD

<table class="table1"> 

<table class="table2"> 

我想引用table1tdtrth使用:

table.table1 td, tr, th { 
    border: 1px solid red; 
} 

但它適用於我的表,我不能覆蓋table2的樣式。什麼地方出了錯?

回答

12

每個選擇器之間的逗號意味着一個新的選擇器。因此,trth選擇器對所有表都是通用的,而不僅僅是table1。所以你需要爲每個選擇器指定table1

table.table1 td, table.table1 tr, table.table1 th { 
+1

術語更正:逗號分隔*選擇器*在這裏,而不是規則。整個構造是一個CSS規則,有三個選擇器。 –

1

這樣做:

table.table1 td, table.table1 tr, table.table1 th { 
    border: 1px solid red; 
} 

您必須進入trth通過只有當你要應用特定的風格父母,每一個規則由逗號分隔。您必須引用父的應用樣式類trtd童車

您應用CSS樣式到所有trth從頁面。

+0

你應該解釋爲什麼這會奏效,就像@約翰康德所做的那樣。 –