主要观点总结
本文介绍了CSS值与单位模块第5级的新特性和功能，包括attr()函数的变更、calc-size()函数、first-valid()函数、*-mix()函数族、*-progress()函数族、random()和random-item()函数、sibling-count()和sibling-index()函数、toggle()函数、新的函数参数表示法以及position类型的扩展等。这些新特性简化了CSS代码，让开发者能够更方便地处理CSS属性值和函数计算。
关键观点总结
关键观点1: 新特性概述
文章介绍了CSS新特性，包括attr()函数的更新、calc-size()函数等，这些特性旨在简化CSS代码，让开发者能够更方便地处理CSS属性值和函数计算。
关键观点2: attr()函数的变更
attr()函数将进行更新，允许任何数据类型的任何HTML元素属性在任何CSS属性中使用，这将简化CSS代码。
关键观点3: 新的函数介绍
文章介绍了新的函数，如first-valid()、*-mix()、*-progress()、random()和random-item()、sibling-count()和sibling-index()、toggle()等。这些新函数提供了更多灵活性，使开发者能够更方便地处理CSS属性和值。
关键观点4: 函数参数表示法的改进
文章还提到了函数参数表示法的改进，允许使用分号（;）而不是逗号（,）来明确地分隔参数，这使得处理逗号分隔的参数列表变得更加容易。
关键观点5: position类型的扩展
文章指出，CSS现在引入了position类型的扩展，允许使用与流相关的值。这将对背景定位、对象定位等产生影响。
文章预览
本文为翻译 本文译者为 360 奇舞团前端开发工程师 原文标题：11 New Features and Functions Arriving in CSS 原文作者：Alvaro Montoro 原文地址：https://dev.to/alvaromontoro/new-values-and-functions-in-css-1b9o 注：由于这些特性较新，且目前处于工作草案阶段，本文所描述的许多特性将会发生变化，并且不会在所有浏览器中都可用（部分浏览器已经可用！） 2024年9月13日，CSS工作组发布了CSS值与单位模块第5级（CSS Values and Units Module Level 5）的首个公开工作草案。它是上一级别的扩展，包含了一些有趣的新增内容。 不久前还难以想象的事物正在被纳入规范：随机值、在任何CSS属性（CSS property）中使用HTML元素属性（HTML attribute）作为值、能够在计算中运用顺序……这看起来很有前景。 这些特性中的许多都有一个共性：它们简化了CSS代码。以前需要多个规则或者临时拼凑（hacky）
………………………………
