parent-child

I have the following markup: <div class="foo"> <ul> <li>one</li> <li>two</li> </ul> <ul> <li>three</li> </ul> <ul> <li>four</li> </ul> </div> I wish to style "one" and "three". However, the markup could also be: <div class="foo"> <ul> <li>one</li> <li>two</li> <li>three</li> </ul> <ul> <li>four</li> </ul> </div> I've tried using the following CSS: .foo li:nth-child(1), .foo li:nth-child(3) { color:red; } However, as expected, this is styling the first child of each ul . (Demo: http://jsfiddle.net/hTfVu/ ) How can I change my CSS so that I can target the 1st and 3rd li belonging to .foo ? You

I need to find an index of element inside its container by object reference. Strangely, I cannot find an easy way. No jQuery please - only DOM. UL LI LI LI - my index is 2 LI Yes, I could assign IDs to each element and loop through all nodes to match the ID but it seems a bad solution. Isn't there something nicer? So, say I have an object reference to the third LI as in the example above. How do I know it is index 2? Thanks. jAndy You could make usage of Array.prototype.indexOf . For that, we need to somewhat "cast" the HTMLNodeCollection into a true Array . For instance: var nodes = Array

Is it possible to style a select element based on what option is selected with CSS only? I am aware of existing JavaScript solutions . I tried to style the option element itself, but this will give style only to the option element in the list of options, not to the selected element. select[name="qa_contact"] option[value="3"] { background: orange; } http://jsfiddle.net/Aprillion/xSbhQ/ If not possible with CSS 3, will CSS 4 subject selector help in the future - or will this stay a forbidden fruit to CSS? Troy Alford Unfortunately, yes - this is something not currently possible with only CSS.

Here a sample of Go code with an Interface, a Parent Struct and 2 Children Structs package main import ( "fmt" "math" ) // Shape Interface : defines methods type ShapeInterface interface { Area() float64 GetName() string PrintArea() } // Shape Struct : standard shape with an area equal to 0.0 type Shape struct { name string } func (s *Shape) Area() float64 { return 0.0 } func (s *Shape) GetName() string { return s.name } func (s *Shape) PrintArea() { fmt.Printf("%s : Area %v\r\n", s.name, s.Area()) } // Rectangle Struct : redefine area method type Rectangle struct { Shape w, h float64 } func