在
网站开发过程中，CSS的时代可能从未像今天这样激动人心。在这个快速阅读中，我们为您提供了一些有用的CSS技巧和技术，您可以立即将其应用到您的工作中。让我们更深入地研究自我修改CSS变量、悬挂标点符号等。
如果你已经在网站开发行业中呆了很长时间，你可能会回想起CSS完全令人困惑的日子，你不得不想出一些方法和变通办法来使事情正常进行。幸运的是，这样的日子已经过去了，新功能得到更好的应用和选择，CSS嵌套，选择器、网格和子网格，甚至新色彩空间制作CSS比以往任何时候都强大。创新不止于此。我们也可能有样式查询甚至可能状态查询，连同平衡文本换行和CSS锚点定位向我们走来。
有了这些可爱的CSS新功能在接下来的这篇文章中，我们将通过一些有用的技巧深入了解CSS世界，深入了解特殊性、悬挂标点符号和自我修改CSS变量。我们希望它们能在你的工作中派上用场。许多人担心CSS中的级联和特异性。然而，这个概念并不像人们想象的那样难以理解。来帮助你更好地适应CSS最基本的两个部分。
该指南解释了某些CSS属性类型如何优先于其他类型，并深入探讨了特异性评分帮助您评估特定规则的CSS适用的可能性。安迪用实际例子来说明概念，并简化了潜在的心理模型，使其易于采用和利用。大幅提升你的CSS技能。
你有没有考虑过用CSS而不是JavaScript来测试HTML？CSS选择器今天的功能如此强大，以至于实际上可以单独使用CSS测试大多数类型的HTML模式。正如新功能指出的那样，使用CSS进行测试有很多好处。特别是如果您在浏览器中工作并且喜欢探索视觉回归和检查器信息，使用CSS进行测试可能适合您。它在您无法直接访问客户端堆栈的情况下也大放异彩:只需提供一个测试样式表，客户端就可以找到您为其识别的不良模式的实例，而不必让您帮助他们这样做。
自定义属性的CSS规范不允许引用自身的自定义属性—尽管在很多使用案例中，这种特性会很有用。Roman的方法使用容器样式的查询作为访问定制属性以前状态的一种方式。当你想的时候，它会很有用循环变换各种色调在没有静态值列表的情况下，为了匹配border-radius视觉上，或者嵌套菜单列表。该解决方法仍然是严格的实验性的(所以不要在生产中使用它！)，但是由于样式查询很可能会在之前获得广泛的浏览器支持inherit，潜力很大。
hanging-punctuation是一个简洁的CSS属性。它扩展了标点符号，例如开始报价来迎合漂亮、干净的文本块。虽然它目前仅在Safari中受支持，但将它包含在您的代码中并无大碍，因为该属性是渐进式增强的完美示例:它在不支持它的浏览器中保持原样，并在支持它的浏览器中添加了额外的修饰。
我们将非常高兴地欢迎您和我们一起来探索应用——让我们可以更好的开发网站！
