如何让上例中的css样式对dataTables中的table生效

<p>您可以将上述CSS样式代码添加到您的HTML文件中的<style>标签中，或将其添加到单独的.css文件中，然后在HTML文件中使用<link>标签引用该文件。确保在引用dataTables的CSS文件之后引用您自己的CSS文件，这样您的样式才会覆盖dataTables的默认样式。例如：</p>
<pre><code class="language-html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;title&gt;My DataTable&lt;/title&gt;
  &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;https://cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;my-datatable.css&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;table id=&quot;myTable&quot;&gt;
    &lt;!-- your table content here --&gt;
  &lt;/table&gt;
  
  &lt;script src=&quot;https://code.jquery.com/jquery-3.5.1.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    $(document).ready(function() {
      $('#myTable').DataTable();
    });
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>