Selector -> :odd used to select odd occurrences of the element.
In the last topic, we have seen the use of ":even" to apply changes to even occurrences of any element, now lets look one another selector ":odd" to select odd occurrences of the element:
The above line selects the odd list items. This can be understood by the following example:
$("li:even").css("color","#0f0"); //makes the odd li items green in color
$("li:even").css("color","#f00"); //makes the even li items red in color
So the above program changes the color of content or text of the odd list items into "green".
Means it shows the numbers 1,3, and 5 in green color and 2,4,and 6 in red color(i.e. even numbers).
It affects all odd and even li tag content of our page and helps us to make the list items more visual appealing.
This selector is very powerful and mostly used when we want to make changes to the "tr" tags in a table to show difference between the table rows.