Style first-level li elements of a nested unordered list

HTML

<ul id="nestedList">
    <li>
        Item A
        <ul>
            <li>Item A Descrip</li>
        </ul>
    </li>
    <li>
        Item B
        <ul>
            <li>Item B Descrip</li>
        </ul>
    </li>
    <li>
        Item C
        <ul>
           <a href="#"> <li id="rr"> Item C Descrip</li></a>
        </ul>
    </li>
</ul>

JavaScript

//$('#nestedList').children().css('font-weight', 'bold');
//$('ul#nestedList').children().css('font-weight', 'bold');
//$('#nestedList ul').children('li').css('font-weight', 'bold');
$('#rr').css('color', 'red');