css - 覆盖 HTML 样式 =""元素

标签 css wordpress

我正在构建的网站出现问题。

我有一段代码: <div id="content" class="site-content" style="min-height: calc(100vh - 211px);">

我不能直接编辑 HTML,因为它是 wordpress -_-。

我想将 calc(100vh 更改为 calc(0vh

我进行了一些谷歌搜索并找到了 css !important 标签。

element.style { min-height: calc(0vh - 211px) !important; }

我试过了,好像不行。

最佳答案

div#content {
    min-height: calc(0vh - 211px) !important;
}

.site-content{
    background: red;
}
<div id="content" class="site-content" style="min-height: calc(100vh - 211px);">
test
</div>

关于css - 覆盖 HTML 样式 =""元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57587140/

相关文章:

html - Wordpress 列数排序

html - 这些主要文件是为了让语义 ui 正常工作吗?

css - 无法使图像适合容器

javascript - jQuery - 当 DOM 元素获得焦点时隐藏下拉菜单

php - 如何在本地主机上配置 Laravel 应用程序?

php - 如何修复此错误 XML 解析错误 : not well-formed

javascript - 需要找出恶意 Javascript 是如何注入(inject)到我的 header.php WordPress 主题文件中的

javascript - 禁用 Bootstrap 的下拉切换

php - 如果状态更改为自定义状态,则将自定义元字段值添加到 WooCommerce 订单

jquery - bootstrap-datepicker 全屏显示