如何覆盖min-width

时间:2015-03-06 19:20:14

标签: css override

想要使用自定义css选项,而不是修改源代码。是否有可能覆盖这些css值?

@media only screen and (min-width: 40.063em) {
  .footer-fixed #wrapper [role="main"] {
    padding: 80px 60px 60px;
  }
}

不确定如何申请!重要的是:

@media only screen and (min-width: 76.5625em) {
  .footer-fixed #wrapper [role="main"] {
    padding: 80px 8px 20px 30px;
  }
}

谢谢,

1 个答案:

答案 0 :(得分:0)

这就是你应用的方式!重要。阅读有关 !important

的更多信息
@media only screen and (min-width: 76.5625em) {
  .footer-fixed #wrapper [role="main"] {
    padding: 80px 8px 20px 30px !important;
  }
}

另外,如果你和第一个选择器和声明块在同一样式表中,你可以在它下面添加这个CSS,它应该覆盖它而不用!important。