Description
I would like to propose the following pseudo selectors, to help in controlling the CSS element selector inheritance/propagation nested recursion that one could try use templates, but one would still run into problems the larger schema of things here, with whats trying to be achieved ideally with what I have been designing. used in combination with apply-style-this-element-only #11440 alot
Proposal
Implement the following combination of Pseudo Element Selectors that control behaviour of the selector
Think of this as much more advanced Child combinator | > | div > p | Selects every <p>
element that are direct children of a <div>
- selector-set:first-nested-sel-set
selects the first selection occurrence, and will not recuse any further.
- selector-set:nth-neasted-sel-set(n < full matching limit or n + 1)
selects the up until the nth matching selector or an exact value match or parameter matched.
- selector-set:until-neasted-sel-set(relative selector)
The most important would be this one, to more accurate control depth of propagation and recursion
Relative selector
where selector-set = div.className > input:active > span ~ items
i.e
selector-set = div.className > input:active > span ~ items: until-neasted-sel-set(.items > .menu): apply-style-this-element-only
{
border 0.1em solid #red
}