Question

在HTML中，如果我们想使用CSS在所有表中设置字体的字体属性，我们使用以下内容：

<style>
table {
    width: 10%;
    border: 0;
    font-size:1;
}
</style>

我的问题是：如果我想为不同的表格设置不同的字体怎么办？例如，我有3种类型的表。其中一些，我希望字体大小为8，某些表大小为6 ..等等。

这样赢了工作（这只是我想做的一个例子）：

<style>
table1 {
    width: 10%;
    border: 0;
    font-size:6;
}
table2 {
    width: 2%;
    border: 1;
    font-size:8;
}
table3 {
    border: 2;
    font-size:2;
}
</style>

希望你明白我想做什么。我只想要几个不同的CSS表定义。

Answer 1

您需要将它们设置为类或ID CSS：

.table1 {
    width: 10%;
    border: 0;
    font-size:6;
}
.table2 { 
    width: 2%;
    border: 1;
    font-size:8;
}
#table3 {
    border: 2;
    font-size:2;
}

HTML：

<table class="table1"></table>

<table class="table2"></table>

<table id="table3"></table>

使用CSS在多个表上设置字体属性

1 个答案: