css写表达式 |css 滤镜失败

/* 计算样式属性 */
div {
width: calc(100% - 20px);
}
/* 设置样式属性 */
p {
font-size: expr(10px + 2);
}

在上面的示例中，calc()和expr()都是CSS中可用的表达式。calc()用于计算样式属性的值，可以执行复杂的算术和逻辑运算，如加减乘除和取模等。expr()用于设置样式属性的值，它是一种类似于JavaScript的语法，可以执行各种计算和操作。

除了calc()和expr()，CSS还提供了其他一些有用的表达式，如min()，max()，clamp()等。这些表达式可以帮助大家更方便地设置样式属性，提高开发效率。

/* 使用min()表达式 */
div {
width: min(100%, 500px);
}
/* 使用max()表达式 */
p {
font-size: max(14px, 1.2em);
}
/* 使用clamp()表达式 */
a {
font-size: clamp(12px, 2.5vw, 20px);
}

总之，CSS中的表达式是一个非常有用的功能，它可以让大家更方便地控制样式和布局，提高工作效率和代码质量。