Jquery odd selector

Jquery odd selector

<body>

    <div id="EvenOdd">
    <p>One</p>
    <span>two</span>
    <p>three</p>
    <span>four</span>
    
    </div>
    <script type="text/javascript">
        $('div:even').css("color", "blue");
        $('div:odd').addClass("color","red");
            
    </script>
</body>
 here the color for the odd selector is not changing can i know whats the problem.