I want a selector for all children of an element on focus
I've tried the following and it didn't work
#myElement > * :focus { /*stuff*/}
Asked
Active
Viewed 286 times
2
-
2You mean `#myElement:focus > * { /*stuff*/ }`? – Chad Jul 15 '13 at 19:31
-
@j08691 I'm customizing meganizr mega-menu. I want a certain drop-down to keep showing if there's any child on focus. For that, I want to add in the list of selectors to set the visibility of the dropdown this one I've described. – Marcelo Jul 15 '13 at 19:32
-
@Torr3nt I'm using actually. Instead of #myElement I'm using .myClass. Simplified it just for the question. – Marcelo Jul 15 '13 at 19:32
-
Oh, I think I understand what you're asking. If you're trying to change a parent's CSS based on a child, you won't have any luck. CSS is quite literally Cascading. It goes in a downward motion, and can't go back up in the hierarchy. – Chad Jul 15 '13 at 19:35
-
@Torr3nt: You'll be surprised to know that that's not actually what "cascading" means in terms of CSS. See http://www.w3.org/TR/CSS21/cascade.html – BoltClock Jul 16 '13 at 09:57
1 Answers
0
focus only works with elements that accept keyboard input. try toggling a class from javascript based on events like "Focus" and "blur"
xionutz2k
- 754
- 3
- 9
-
-
@rink.attendant.6, read the manual: http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes. It clearly states that elements or others are implementation specific, and not cross browser. – xionutz2k Jul 15 '13 at 19:39
-
1You're linking to an old CSS specification. See [Selectors Level 3](http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act) – rink.attendant.6 Jul 15 '13 at 19:42
-
yes, you're right, but still it's not safe to use for all children of an element. – xionutz2k Jul 15 '13 at 19:52
-
My solution ended up using javascript and JQuery selectors... thank you! – Marcelo Jul 22 '13 at 14:07