一些CSS属性简介

94 阅读1分钟

①position: sticky:元素吸顶;
②:empty 选择器:通过 :empty选中内容为空的容器,然后通过伪元素为空容器添加提示;
③gap:gap属性它适用于 Grid 布局、Flex 布局以及多列布局;
④background-clip: text:用来做带背景的文字效果;
⑤user-select:可以禁用光标选中;
⑥:invalid 伪类:表示内容未通过验证的input或其他form元素的校验;
⑦:focus-within 伪类:表示一个元素获得焦点,或该元素的后代元素获得焦点,就会匹配上;
⑧mix-blend-mode:difference:描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合,其中difference表示差值;
(参考:mp.weixin.qq.com/s/HMLO6q99p…