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

[wesleyolis]

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.

[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.

[Crissov]

Most of this has already been mentioned in #354. The bit flag operators seem mostly new.

Don’t ask me why this hasn’t had any priority within the past dozen years.