What ELSE is on your CSS wishlist?

CSS Wishlist: What else do you expect?

What else can CSS do? It's like being in a place you shouldn't go late at night, a stranger in a windbreaker approaches you and whispers in your ear:

"Shh, do you want to buy some asynchronous @imports? I have the specificity you want here."

You know you shouldn't consider this idea, but you did it anyway. All your friends are using cascades. What are you, a old-fashioned?

I always thought how amazing it was to write CSS today. Just this morning, I also discussed a series of ideas for UI persistent controls in my email, which sounded crazy if it wasn't for new features a year ago, like anchor positioning, scrolling timelines, automatic height transitions, and pop-ups. We are still in the early stages of all these things (and many others) and have not seen all the amazing possibilities come true. An exciting time!

Chris has been keeping the CSS wish list since 2013 and followed it up in 2019. We all want to see what CSS can do, no matter how many shiny new features we get, we will always be like this. Let's review our wishes in 2013:

1. ✅ "I want to be able to select an element based on whether the element contains another specific selector." Hello, :has()!
2. ❌ "I want to be able to select elements based on what the elements contain."
3. ❌ "I want to have multiple pseudo-elements."
4. ✅ “I want to be able to animate/transition to height: auto;” Yes, we did it!
5. ? "I want to have the features of Sass like @extend, @mixin and nesting." We have implemented the nesting part and have made some progress in mixins.
6. ❌ "I hope there is ::nth-letter, ::nth-word, etc."
7. ✅ “I hope all major browsers will be updated automatically.” This one has been implemented.

So, about 7 wishes have come true. It's very likely that some of these things are unpopular at some point (I haven't heard anyone crying and shouting for a new pseudo-element since the first wishlist). Chris re-expressed this list like this:

• Father query. For example, select an element in any way and then select the parent element of that element. We have some evidence that using :focus-within is possible.
• Container query. Select a specific element when the element itself is under certain conditions.
• Standardized style of form elements.
• Has/Contains selector.
• Transition to automatic size.
• Improved processing of viewport units.

We have done most of the work! We can query the parent element and the container. We are exploring styleable selectors and field sizes. We understand: has(), and we are still excited about the transition to the inherent dimensions. We have publicly discussed whether CSS is too much (and not).

But what else is on your CSS wishlist? Ironically, Adam Argyle did this exercise this morning and I like how he breaks things down into user-oriented wish lists and developers-oriented wish lists. I mean, a CSS carousel? Yes, please! I like his list and all the similar lists.

We will summarize and make a list-so please let us know!

The above is the detailed content of What ELSE is on your CSS wishlist?. For more information, please follow other related articles on the PHP Chinese website!