css selectors all elements inside a certain div

Question

I want to retrieve ALL input type checkbox that are not inside a div that has a class that starts with 'xyz_'

How do I write a css selector for the above?

*Not* inside a div with a class that starts with `xyz_`? That won't be easy. — BoltClock, Jun 07 '12 at 04:41

score 3 · Answer 1 · answered Jun 07 '12 at 04:55

3

use div:not([class^="xyz_"]) input[type="checkbox"]{ ... }

answered Jun 07 '12 at 04:55

Valli69

Your CSS will not work if `` is not inside any `
`
– spatar Jun 07 '12 at 04:57
According to the question, targeted `` can be not necessary inside some `
`, so `` is a valid case not covered by your selector.
– spatar Jun 07 '12 at 06:20
@spatar there is no problem if we use input elements inside div. This fiddle is based on your solution http://jsfiddle.net/Sz3zY/1/ but it doesn't worked for me – Valli69 Jun 07 '12 at 06:29

score 2 · Answer 2 · answered Jun 07 '12 at 04:48

2

*:not(div[class^="xyz_"]) input[type="checkbox"] { ... }

answered Jun 07 '12 at 04:48

spatar

1

Note that this will currently only work in jQuery, and is a very fragile solution (like I commented above, it's not trivial even if you use `:not()`). See http://stackoverflow.com/questions/10711730/whats-the-difference-in-the-not-selector-between-jquery-and-css – BoltClock Jun 07 '12 at 04:56
@BoltClock, absolutely. I still don't use those fancy selectors much in regular practice :) – spatar Jun 07 '12 at 04:59

2 Answers2