Как стилизовать с попутным ветром в зависимости от отдельного имени класса

#javascript #jquery #css #tailwind-css

Вопрос:

Я хочу, чтобы стиль элемента зависел от того, имеет ли он другое имя класса.

Например,

 <span>Text</span>
 

или

 <span class="highlighted">Text</span>
 

В обычном CSS я мог бы сделать это так:

 span {
  color:black;
}

span.highlighted {
  color:red;
}
 

Затем в jQuery я могу добавлять или удалять «выделенный» класс в любое время, когда захочу, что автоматически изменит стиль элемента.

Но как я могу стилизовать элемент с помощью бокового ветра, который обращает внимание на этот дополнительный класс «выделен»?

Комментарии:

1. Пытались ли вы добавить и удалить класс встречного ветра text-red-500 вместо создания выделенного класса?