小编Ami*_*adi的帖子

CSS var() 后备在不受支持的浏览器中是否有效?

这些天我正在使用 CSS var,所以有一件事引起了我的注意,我想知道是否为 CSS var() 函数设置了后备,这个后备在不完全支持 CSS var 的旧浏览器中将如何工作。它是否会被应用或被视为未知的 CSS 功能

长话短说,现在我为这样的属性编写了两行 CSS:

:root{
   --box-height: 350px;
}

.box{
   height: 350px; // FALLBACK for older browsers.
   height: var(--box-height);
}
Run Code Online (Sandbox Code Playgroud)

我的目的是为旧浏览器提供后备,但如果我这样写就可以了:

:root{
   --box-height: 350px;
}

.box{
   height: var(--box-height, 350px); // Does it work in older browsers really?
}
Run Code Online (Sandbox Code Playgroud)

它能在旧浏览器中运行吗?没有关于我正在谈论的内容的透明文档,您的想法是什么?

css css-variables

2
推荐指数
1
解决办法
1013
查看次数

如何在奇数行和偶数行之间交替孩子的数量?

我搜索了它,但是使用 CSS flexbox,当我想显示奇数行的 3 个项目和偶数行的 2 个项目时出现问题。

我的想法是这样的: 在此输入图像描述

我尝试使用某种nth-child选择器,但这不是完整的解决方案。

css flexbox css-grid

2
推荐指数
1
解决办法
1215
查看次数

标签 统计

css ×2

css-grid ×1

css-variables ×1

flexbox ×1