如何將第一個表格列設置爲粗體（CSS）

問題1：我試圖製作下面的示例表。我只想要第一列總是以粗體顯示。任何人都可以幫助我獲得td第一胎孩子的論點嗎？狀態：已解決...我有行和列混合...非常愚蠢的錯誤，通過我的注意。 - 謝謝Ovokuro

問題2：我已更正了代碼（在代碼段中），但它似乎不適用於IE或Chrome。誰能說出原因？看起來不錯，在網上模擬，但不是當我把它保存在一個HTML文檔。第一列不顯示爲粗體;並且列寬已關閉。

PS .:無法在文檔中的標籤中添加樣式，因爲行將以原始方式創建。

請讓我們儘量保持代碼簡單。

table { 
 
    font-size: 16px; 
 
    font-family: Optimum, Helvetica, sans-serif; 
 
    border-collapse:collapse 
 
} 
 
tr { 
 
    border-bottom: 1px solid #A9A9A9; 
 
} 
 
td { 
 
    padding: 4px; 
 
    margin: 3px; 
 
    padding-left: 20px; 
 
    width: 75%; 
 
    text-align: justify; 
 
} 
 

 
th { 
 
    background-color: #A9A9A9; 
 
    color: #FFF; 
 
    font-weight: bold; 
 
    font-size: 28px; 
 
    text-align: center; 
 
} 
 

 
td:first-child { 
 
    font-weight: bold; 
 
    width: 25%; 
 
    text-align: left; 
 
}

<table class="table"> 
 
    <thead> 
 
    <tr class="firstrow"> 
 
     <th colspan="2">Sample</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
<tr><td>Line 1</td><td>Text</td></tr><tr><td>Line 2</td><td>Text</td></tr></tbody></table>

來源

2017-10-19 PunchTheNewbie

很難知道爲什麼它不適合你。 CSS是否正確鏈接？ – sol

也許與布朗瑟兼容性的問題。它在Chrome上工作正常。

來源

2017-10-27 20:17:43 PunchTheNewbie

目標td:first-child代替tr:first-child

此外，CSS聲明終止;。在HTML中使用<br>元素來產生文本中的換行符。

另請注意，td將永遠是tr的孩子，因此您無需在此情況下聲明tr td:first-child。同樣，tr是table的孩子，所以你也不需要table。

table { 
 
    font-size: 12px; 
 
    border: 1px solid #CCC; 
 
    font-family: Arial, Helvetica, sans-serif; 
 
} 
 

 
td { 
 
    padding: 4px; 
 
    margin: 3px; 
 
    border: 1px solid #CCC; 
 
} 
 

 
th { 
 
    background-color: #104E8B; 
 
    color: #FFF; 
 
    font-weight: bold; 
 
} 
 

 
td:first-child { 
 
    font-weight: bold 
 
}

<table class="table"> 
 
    <thead> 
 
    <tr class="firstrow"> 
 
     <th colspan="2">Sample Table</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>1st Column </td> 
 
     <td>Text</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

來源

2017-10-19 14:22:21 sol

我認爲OP在格式化問題時放了'
'，但我不確定是否可以編輯。 – cometguy

簡單。存在很多方法來做到這一點。一種方法是在標籤中應用直接樣式。我的意思是在<td>標記中打開一個style=""屬性。將看起來像：<td style="font-weight: bold">

來源

2017-10-19 14:25:20

如何將第一個表格列設置爲粗體（CSS）

回答

相關問題