$('#one #two #three')
But remember that ID
in a page is supposed to be unique
So $('#three').css()
should be sufficient
It makes sense when the elements are either class
elements or tagNames
$('.one .two .three') <--
$('div span p') <-- These are fine
All these should work
// Using find to target the class
$(this).find('.two').find('.three').css('border', '1px dashed red');
// Using find to target the class
$(this).find('.two .three').css('border', '1px dashed red');
// Using the this context
$('.two .three',this).css('border', '1px dashed red');
// Using the this context and immediate children
$('> .two > .three',this).css('border', '1px dashed red');
>
will only get the immediate children . The other 2 are using this
as a context