- From: Wesley Walter Anton Oliver via GitHub <sysbot+gh@w3.org>
- Date: Sat, 08 Jun 2024 11:11:16 +0000
- To: public-css-archive@w3.org
wesleyolis has just created a new issue for https://github.com/w3c/csswg-drafts:
== CSS [parent-element]:nth-[attrib/class]-child[attrb+op+val](nth [BitflagOps] 1 ) Selectors for Display:Grid ==
Hi,
https://github.com/w3c/csswg-drafts/issues/10401
I would like to proposal the following, which will be very useful with dealing with grid layouts in the future to gather with the following proposal [https://github.com/w3c/csswg-drafts/issues/10401](https://github.com/w3c/csswg-drafts/issues/10401), which will allow a lot more advanced layouts for different screen sizes of items in a grid, were like to perform groups of items styling and different layout centring based on screen size and available @container space.
With the introduction of attribbitflags, a lot could be done, were one wouldn't need to always use nth-child selectors.
But nth-child selectors for attribute, really do make things a lot easier for many than using bitflags.
Ultimately, nth-attrb-child selectors that support bitflags would be very powerful for display:grid.
```.css
{
thumbnails:nth-attrib-child[itemid&==](6n+ 1): {
grid:1-1;
}
thumbnails:nth-attrib-child[itemid$==](3n+ 1): {
grid-column:[named-col:[repeats-set-nth]]
}
}
```
BitFlag Support:
```.css
{
thumbnails:nth-attrib-child[class^=itemgroup]([nth selector] [bitflagOp] value): {
grid:1-1;
}
{
thumbnails:nth-attrib-child[class^=itemgroup](3n [bitflagOp] value): {
grid:1-1;
}
thumbnails:nth-attrib-child[class^=itemgroup](3n [bitflagOp] value): {
grid-column:[named-col:[repeats-set-nth]]
}
}
```
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10402 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Saturday, 8 June 2024 11:11:17 UTC