Lainbo's Blog工具应用
前端技术
AI技术
拙见
其他知识
编程知识
CSS新用法 - min()、max()、clamp()、:where()、:is()、:has()🎐
type
status
date
slug
summary
tags
category
icon
password
min() - Chrome79+
解释：一行代码设置宽度和最大宽度
max() - Chrome79+
解释：一行代码设置宽度和最小宽度
clamp() - Chrome79+
解释：一行代码设置宽度、最小宽度、最大宽度，三个参数：最小值、首选值和最大值
可以在min()、max()、clamp()中直接写数学表达式，不需要再嵌套calc()
:where()和:is() - Chrome88+
解释：a里面的b，a里面的c，a里面的d，都是同样是样式，即可使用。二者的区别后面会说
二者作用完全一样，区别在选择器的优先级上，where的括号中写的再多优先级也是0，但是is的是由括号内选择器的优先级决定的
has、where、is选择器更加的宽容，即使在部分语法错误的前提下，也能让语法正确的部分正常生效
:has()和一些奇特的操作 - Chrome105+
Last update: 2023-04-07