仅对第一列的“值”进行文本“左”对齐

Question

仅对第一列的“值”进行文本“左”对齐

我正在尝试存档以下内容，

所有标题应居中对齐“第一列的值=左对齐”和“第二、三、四列的所有值=居中对齐”

当我的表中有自动递增值时如何存档

HTML：

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}

body > table > tbody > tr > td{
  text-align: center;
}


body > table > tbody > tr > th
{
  text-align: center;
}



</style>
</head>
<body>

<table>
  <col width="55%">
  <col width="15%">
<col width="15%">
<col width="15%">
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Money</th>
    <th>Cars</th>
  </tr>
  <tr>
    <td>John Franky</td>
    <td>$100</td>
    <td>$100</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>Peter Thomson</td>
    <td>$80</td>
    <td>$100</td>
    <td>$100</td>
  </tr>
</table>



</body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Nik*_*wal 5

您正在寻找：first-child - http://w3schools.com/cssref/sel_firstchild.asp

body > table > tbody > tr > td{
  text-align: center;
}


body > table > tbody > tr > td:first-child {
  text-align: left;
}

Run Code Online (Sandbox Code Playgroud)

归档时间：	10 年，5 月前
查看次数：	2644 次
最近记录：	10 年，5 月前