Tengo un formulario en donde tengo un select en donde muestra las prioridades, por ejemplo (Urgente, alta, etc.) y quisiera seleccionar desde css el select y un atributo para así darle un color, esto es lo que intente hasta ahora pero no me funciona
divShow.innerHTML += `
<div>
<p>${title} - <span class="priority">${prioritySelect}</span></p>
<p>${description}</p>
<p>${datetimeInput}</p>
<a class="dele-boton" onClick="deleteTasks('${title}')">Delete</a>
</div>`
Y quiero obtener en css el atributo "Urgente" para darle un color
.priority option[value="Urgente"] {
color: red;
}
Como lo podría hacer, gracias de antemano por su ayuda...