css - 忽略外部样式表

Question

我们正在使用第三方小部件，该小部件使用来自外部 URL 的样式表。它没有按照我需要的方式在移动设备上呈现，因此我不得不进行一些调整。例如，现在它左对齐，我希望它居中。

看起来像这样:

<div>class="ts-starbar"</div>

div.ts-starbar{
  text-align: left !important;
}

我试过了，但没用:

@media (max-width: 600px) {
   div.ts-star``bar{
      text-align: center !important;
    }
    }

由于我无法编辑原始样式表，所以我不确定该怎么做。

Answer 1

您的 HTML 是错误的。应该是:

<div class="ts-starbar"> </div>

此外，您的第二批 CSS 应该是:

@media only screen and (max-width: 600px) {
   div.ts-starbar{
      text-align: center !important;
    }
   }