css - CSS未应用于表类

我们有一个在WordPress中预定义的通用table元素。我想为表元素定义一个类名，并使用自定义的CSS。

有人知道我可能做错了吗？我们正在使用CDN，可以在缩小的style.css中看到.cookie_table类。

    table {
      border-collapse: collapse;
      width: 100%;
      margin-bottom: 1rem;
      border-radius: 0; }
      thead,
      tbody,
      tfoot {
        border: 1px solid #f1f1f1;
        background-color: #fefefe; }
      caption {
        padding: 0.5rem 0.625rem 0.625rem;
        font-weight: 700; }
      thead {
        background: #f8f8f8;
        color: #8E908F; }
      tfoot {
        background: #f1f1f1;
        color: #8E908F; }
      thead tr,
      tfoot tr {
        background: transparent; }
      thead th,
      thead td,
      tfoot th,
      tfoot td {
        padding: 0.5rem 0.625rem 0.625rem;
        font-weight: 700;
        text-align: left; }
      tbody th,
      tbody td {
        padding: 0.5rem 0.625rem 0.625rem; }
      tbody tr:nth-child(even) {
        border-bottom: 0;
        background-color: #f1f1f1; }
      table.unstriped tbody {
        background-color: #fefefe; }
        table.unstriped tbody tr {
          border-bottom: 0;
          border-bottom: 1px solid #f1f1f1;
          background-color: #fefefe; }

表类：

    .cookie_table {
        table {
            width: auto;
        }
    }

最佳答案

您的表具有.cookie_table类，因此选择器必须是table.cookie_table { ... }或仅是.cookie_table { ... }（不太具体），而不是像代码中的.cookie_table子类那样的table（仅BTW可以工作）如果您使用LESS或SASS则完全没有）