如何在 HTML 中更改多个表格？答案

【问题标题】：How can i alter a more than one table in HTML?如何在 HTML 中更改多个表格？
【发布时间】：2018-06-14 11:11:54
【问题描述】：

我可以更改第一个表，但我不知道如何更改另一个表？使它们不同的名称（table1，table2）不起作用（不要介意语言）。

<!DOCTYPE html>

<html>

<head>

    <style>

    body {background-color: burlywood;}

    h1 { color: beige; text-align: center; font-size: 400% }

    img { display: block; margin: auto; width: 60%; border: 8px solid brown }

    h2 { color: beige; text-align: center; font-size: 200% }

我可以用这部分代码弄乱第一个表

    table.center { margin-left: auto; margin-right: auto}

    table { font-size: 150%; padding-bottom: 120px }

    </style>
    <meta charset="utf-8">
    <title>Kavarna</title>
</head>
<body>
    <img src="kava_zgoraj.jpg" alt="kava" />
    <h1>IME KAVARNE</h1>
    <h2>Najboljša kava v mestu že od 1987!</h2>
<table class="center">
    <tr>
        <th>Dobrodošli!</th>
        <th>O nas</th>
    </tr>
        <td>Kavarna je vaš najboljši sosed, kadarkoli,<br /> vsak dan. Zjutraj se nam pridružite ob posebnih <br /> mešanicah kave in oragnskemu zajtrku <br /> ter sokovih, zvečer pa se zabavajte <br /> ob živi glasbi in koktejlih ter veliko več!</td>
        <td>Smo mala, družinska kavarna katere <br />lastništvo se prenaša iz roda v rod. <br />Ustanovljena leta 1987!</td>          
</table>

但我也不知道如何在这张桌子上工作。

<table>
    <tr>
    <td><strong>Kje nas najdete?</strong></td>
    </tr>    
</table>

</body>
</html>

【问题讨论】：

你不能给另一个table 元素一个特定的类，你可以像table.center 那样定位吗？
另外，请避免使用表格进行布局。
哦，我当然可以。谢谢！
我为什么要避免它？
@AlemKalender stackoverflow.com/questions/83073/…。从 html 4 开始，使用表格进行布局在语义上也不正确，而且它们不灵活，以后更难更改布局。

标签： html css html-table css-tables

【解决方案1】：

为此表格添加单独的 CSS 类。不要使用 HTML 标签来设置样式。

【讨论】：

不一定正确，通常最好使用 CSS Cascade 将所有表格的样式设置为相同，直到出现特殊情况，然后添加一个类来捕获该特殊情况。