---
title: "New CSS functions"
description: "CSS has developed rapidly in recent years. Here are a few new things that can be utilized today."
canonical_url: "https://codex.republic.se/languages/css/new-css-functions"
section: "Pages"
---

# New CSS functions

CSS has developed rapidly in recent years. Here are a few new things that can be utilized today.

---

## Cascade Layers

[A Complete Guide to CSS Cascade Layers | CSS-Tricks](https://css-tricks.com/css-cascade-layers/)

[Cascade Layers | 12 Days of Web](https://12daysofweb.dev/2022/cascade-layers/)

## Container queries

[Next Gen CSS: @container | CSS-Tricks](https://css-tricks.com/next-gen-css-container/)

[Container Queries | 12 Days of Web](https://12daysofweb.dev/2021/container-queries/)

## Use `:focus-visible` instead of `:focus`

[Tired of focus styles applying on mouse clicks? :focus-visible is the trick.](https://blog.codepen.io/2022/11/04/tired-of-focus-styles-applying-on-mouse-clicks-focus-visible-is-the-trick/)

## Set `text-wrap: balance` for better text display

[CSS text-wrap: balance - Chrome Developers](https://developer.chrome.com/blog/css-text-wrap-balance/)