html - 如何将样式限制为仅部分 HTML

Question

考虑:

<style type="text/css">
    table
    {
        border-collapse: collapse;
    }

    table, td, th
    {
        border: 1px solid green;
    }

    th
    {
        background-color: green;
        color: white;
    }
</style>

我只想将此应用于 HTML 页面中的单个表格，该页面还有其他表格。我不想对这些表使用这种样式。

我们真的能做到我要求的吗？

Answer 1

使用:

<style type="text/css">
    table.myTable
    {
        border-collapse: collapse;
    }

    table.myTable, table.myTable td, table.myTable th
    {
        border: 1px solid green;
    }

    table.myTable th
    {
        background-color: green;
        color: white;
    }
</style>

然后将该表更改为具有如下类属性:

<table class="myTable">