Test case details

Preparation Code

<div id="container">     <ul>         <li>1</li>         <li class="target">2</li>         <li>3</li>     </ul> </div><script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
var container = $('#container');     var list = $('#container ul:first');

Test cases

Test #1

$('div#container ul li.target').css('border','1px solid red');

Test #2

$('#container .target').css('border','1px solid red');

Test #3

$('li.target').css('border','1px solid red');

Test #4

$('.target').css('border','1px solid red');

Test #5

$('#container').find('li.target').css('border','1px solid red');

Test #6

$(document.getElementById('container')).find('.target').css('border','1px solid red');

Test #7

container.find('.target').css('border','1px solid red');

Test #8

list.find('.target').css('border','1px solid red');