如何在 HTML 中更改多个表格?
Posted
技术标签:
【中文标题】如何在 HTML 中更改多个表格?【英文标题】:How can i alter a more than one table in 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" />
<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 ***.com/questions/83073/…。从 html 4 开始,使用表格进行布局在语义上也不正确,而且它们不灵活,以后更难更改布局。
【参考方案1】:
为此表格添加单独的 CSS 类。不要使用 HTML 标签来设置样式。
【讨论】:
不一定正确,通常最好使用 CSS Cascade 将所有表格的样式设置为相同,直到出现特殊情况,然后添加一个类来捕获该特殊情况。以上是关于如何在 HTML 中更改多个表格?的主要内容,如果未能解决你的问题,请参考以下文章
给定一个包含多个列的手动表格,每个列都使用不同的渲染器,如何在数据更新时更改单个单元格的背景颜色?