[csswg-drafts] CSS Attribute presence and value selectors - Numerical Comparison <,>,<=,>=,== bitflagsOps + inspect width, height (#10401)

wesleyolis has just created a new issue for https://github.com/w3c/csswg-drafts:

== CSS Attribute presence and value selectors - Numerical Comparison <,>,<=,>=,== bitflagsOps + inspect width, height ==
Hi,

https://www.w3.org/TR/selectors-4/#attribute-representation

I would like to propose that additional numerical comparison and bitflag selectors be introduce, which will allow us to do a lot more advance things.
Yes there are hacks counting in hex for this, but ideally we looking for simple ways to achieve our goals.

There so many times when I would like to use attribute selectors to inspect a width of something, use the abstract @component selectors potentially for this, but then all the other use cases for improving grid layouts.

Additional now with grid there so many times that I would like to change elements of display:grid layout based on a numerical seed value. forcing column breaks or row breaks, instead column dividers for groups of columns.
Change the alignments styles of tailing or lead sections of a group of items in columns or rows, with later proposal that will follow.
nth-attrib-of[attribselectorand value]:{
grid:1/-1;
}

I would like to propose that you introduce the numerical comparison and might as well add support for bit flags while you at it then.

```.css
[attr<=val]
[attr>=val]
[attr==val]
[attr>val]
[attr<val]
[attr[bitflagop]==val] // where by 
```

bitflagop: &, |, exclusive XOR - [X&], exclusive XAND[X&], NOT ! 

Any question please ask.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10401 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 10:55:15 UTC