我有我的網站上兩個表,這些被命名爲:引用到一個特定的表的日,TR和TD
<table class="table1">
<table class="table2">
我想引用table1
的td
,tr
和th
使用:
table.table1 td, tr, th {
border: 1px solid red;
}
但它適用於我的表,我不能覆蓋table2
的樣式。什麼地方出了錯?
我有我的網站上兩個表,這些被命名爲:引用到一個特定的表的日,TR和TD
<table class="table1">
<table class="table2">
我想引用table1
的td
,tr
和th
使用:
table.table1 td, tr, th {
border: 1px solid red;
}
但它適用於我的表,我不能覆蓋table2
的樣式。什麼地方出了錯?
每個選擇器之間的逗號意味着一個新的選擇器。因此,tr
和th
選擇器對所有表都是通用的,而不僅僅是table1
。所以你需要爲每個選擇器指定table1
。
table.table1 td, table.table1 tr, table.table1 th {
這樣做:
table.table1 td, table.table1 tr, table.table1 th {
border: 1px solid red;
}
您必須進入tr
,th
通過只有當你要應用特定的風格父母,每一個規則由逗號分隔。您必須引用父的應用樣式類tr
,td
童車
您應用CSS樣式到所有tr
,th
從頁面。
你應該解釋爲什麼這會奏效,就像@約翰康德所做的那樣。 –
術語更正:逗號分隔*選擇器*在這裏,而不是規則。整個構造是一個CSS規則,有三個選擇器。 –