Css стиль один странный запятая

Question

У меня этот вопрос сейчас, вот HTML код какой-нибудь текст

<div class"no-date"> 
<a href="example.com" rel="category tag">Food</a> 
", " 
<a href="example.com" rel="category tag">Travel</a> 
", " 
<a href="example.com" rel="category tag">Christmas</a> 
</div> 

мне удалось изменить цвет текста (еда, путешествия, Рождество), чтобы цвет в зависимости от отн с этим кодом

div[class*="no-date"] > a[rel*="category"] { 
    color: #e8ce25 !important; 
} 

но запятые «» по-прежнему черный, но я хочу только на этом DIV, чтобы сделать их один и тот же цвет, что и текст. Не знаю даже, как искать в Google.

(его тема WordPress и я могу только добавить стиль CSS)

Любая помощь? Благодаря!

Answer 1

div[class*="no-date"], div[class*="no-date"] > a[rel*="category"] { 
 
    color: #e8ce25 !important; 
 
}

<div class="no-date"> 
 
    <a href="example.com" rel="category tag">Food</a> 
 
    ", " 
 
    <a href="example.com" rel="category tag">Travel</a> 
 
    ", " 
 
    <a href="example.com" rel="category tag">Christmas</a> 
 
</div>

Кстати, почему вы не используете div.no-date, div.no-date > a[rel*="category"] {