如何覆盖css样式

Question

我正在开发页面，现在以我的CSS样式我有以下代码行

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

为我的页面。现在，我的某些页面不需要此行

width: 25%;
float: left;

我可能会在页面的内部CSS中覆盖它，这将导致原始行为被忽略？

Answer 1

使用!important不推荐，但在这种情况下，我想你应该-

在您的内部CSS中编写此代码-

.flex-control-thumbs li {
  width: auto !important;
  float: none !important;
}