如何在带有!important

时间:2019-02-08 11:46:40

标签: wordpress css3

我正在使用外部样式表自定义wordpress主题。 修复字体和内容时,我必须使用!important来否决用于不同元素的现有设置。

我发现真棒计算行可以解决响应问题。 https://css-tricks.com/snippets/css/fluid-typography/

它使您可以为差异视口设置最小和最大字体大小。 你会用它 @media screen and (min-width: $min-vw)等...

font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));

例如:

font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));

这是我的问题:

通常,我使用!important这样的表达式: font-size: 16px!important;

如何将calc行与!important表达式结合在一起?

我尝试过 font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)))!important;, 但这似乎不起作用。

0 个答案:

没有答案