如何將樣式限制爲只有部分html

<style type="text/css"> 
table 
{ 
border-collapse:collapse; 
} 
table, td, th 
{ 
border:1px solid green; 
} 
th 
{ 
background-color:green; 
color:white; 
} 
</style>

我想將此應用於僅包含其他表的html頁面中的單個表。我不想把這種風格放在這些桌子上。
我們真的可以做我在問什麼
如果是，請提供一些參考答案。如何將樣式限制爲只有部分html

來源

2012-06-14 veer7

「...只有一個HTML頁面中有其他表格的單個表格也有...」你有一個帶有內部表格的表格，或者是帶有多個表格的HTML表格嗎？ – 2012-06-14 14:24:59

@IntoTheVoid：沒有內表。只有簡單的表格 – veer7

<style type="text/css"> 
table.myTable 
{ 
border-collapse:collapse; 
} 
table.myTable, table.myTable td, table.myTable th 
{ 
border:1px solid green; 
} 
table.myTable th 
{ 
background-color:green; 
color:white; 
} 
</style>

，然後更改該表有一個class屬性是這樣的：

<table class="myTable">

來源

2012-06-14 14:19:09 Luca

你需要做以下之一：

修改表的HTML給予table和ID或class，然後修改你的CSS到table.foo
目標表只有當它是第一個或使用:first-child一個容器內的最後一個表，:last-child

來源

2012-06-14 14:20:16

您可以創建一個類，並使用它你想要的樣式上

table.myStyles 
{ 
border-collapse:collapse; 
} 
table.myStyles, .myStyles td, .myStyles th 
{ 
border:1px solid green; 
} 
.myStyles th 
{ 
background-color:green; 
color:white; 
}

工作，然後表您的餐桌

<table class="myStyles">....</table>

來源

2012-06-14 14:20:20

這很容易做到。只需給該表一個id，並在你的css代碼中使用'＃'引用該想法。

來源

2012-06-14 14:20:36

<style type="text/css"> 
    .green-table { 
    border-collapse:collapse; 
    } 
    .green-table td, .green-table th { 
    border:1px solid green; 
    } 
    .green-table th { 
    background-color:green; 
    color:white; 
    } 
</style> 

<table class="green-table"> 
    ... 
</table>

來源

2012-06-14 14:23:44

如何將樣式限制爲只有部分html

回答

相關問題