<div>
<div class="content wysiwyg-content">
$('select').children().css<wbr />(&quot;color&quot;, &quot;Red&quot;);<br />
<br />
works fine.<br />
<br />
<br />
$('select').children('opti<wbr />on[selecte<wbr />d=&quot;selecte<wbr />d&quot;]').css(<wbr />&quot;color&quot;, &quot;Red&quot;);<br />
<br />
does not work. &nbsp;Why not? &nbsp; :(
</div>
</div>


$('select').children().css("color", "Red");

works fine.


$('select').children('option[selected="selected"]').css("color", "Red");

does not work.  Why not?   :(

Trying to style the selected item in a dropdownlist

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.