JSFiddle - React, Tailwind, and code Playground

HTML

<select id="derselect">
  <option>Test 1</option>
  <option>Test 2</option>
</select>

CSS

#derselect  { font-size: 2em; }

#derselect > option:nth-child(1) {
  color: green;
}

#derselect > option:nth-child(2) {
  color: red;
}


select#derselect { color: green; }