如何覆盖CSS样式 [英] how to overwrite css style

问题描述

我正在开发网页，现在在我的CSS样式我有这行代码

  .flex-control-thumbs li {
 width：25％; 
 float：left; 
 margin：0; 
} 
  

现在，我的一些页面不需要这行

  width：25％; 
 float：left; 
  

有可能我可以在页面的内部css中覆盖它吗？ c>重要 不建议，但在这种情况下，我认为你应该 -

在你的内部CSS中写这个 -

  .flex-control-thumbs li {
 width：auto！important; 
 float：none！important; 
} 
  

I'm developing pages, now in my css style I have this line of code

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

for my pages. Now, some of my pages don't need this line

width: 25%;
float: left;

It is possible that I can overwrite it in internal css of the page? that will ignore it?

解决方案

Using !important is not recommended but in this situation I think you should -

Write this in your internal CSS -

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

这篇关于如何覆盖CSS样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！