Re: [css-d] Drop-down and fly-out menu with transitions

2018-10-15 Thread Georg 


I have been trying to avoid using classes here, using direct child 
selectors instead. Maybe that's ill advised?


It would appear that when I hover 'ul > li > ul' it's also selecting 
'ul > li > ul > li > ul'. which I thought it should not. That's the 
only way I can account for both transitions being started by one hover 
(though it doesn't explain why they appear to be sequential rather 
than simultaneous).


You can achieve what you want by using "Structural pseudo-classes"...

See: 
<https://www.w3.org/TR/2018/PR-selectors-3-20180911/#structural-pseudos>


Check the examples in that page to find what suits the purpose best.

regards
        Georg
__
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] syntax for negating

2020-05-21 Thread Georg 

Den 21.05.2020 23.49, skrev Larry Martell:

I have some CSS that looks like this, and I want to change it so that
it is not applied to td's that have the class 'chosen', but I cannot
figure out the correct syntax.


The syntax I use for such cases...

... > td:not([class*="chosen"]),
... > td:not([class*="chosen"]) {...}

regards
        Georg
__
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] syntax for negating

2020-05-22 Thread Georg 



... > td:not([class*="chosen"]),
... > td:not([class*="chosen"]) {...}

This works perfectly. Thank you so much!


Good :)

Note how I use the  [class*=  to select "chosen" among a number of 
classes on same element - my cases are often "crowded" with classes. The 
"*" is superfluous in cases with only one class that is exact and 
complete, like yours, but does not lead to failures here. It may however 
cause "head scratching" in some more complex cases.


Check <https://www.w3.org/TR/selectors-3/#selectors> for the most 
correct syntax for each of your cases.


regards
        Georg


__
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/