忽略外部样式表

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;
    }
   }

Answer 2

代码错误。应该是这样的：

HTML文件：

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

Css文件：

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