Css造型一个奇怪的逗号

时间:2015-12-27 17:45:33

标签: css

我现在有这个问题,这里是一些文字的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>

我设法将文本的颜色(食物,旅行,圣诞节)改为颜色,具体取决于使用此代码的rel

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

但是逗号“,”仍然是黑色但我只想在这个div上使它们与文本颜色相同。甚至不知道如何谷歌搜索它。

(它是一个wordpress主题,我只能添加css样式)

有任何帮助吗?谢谢!

1 个答案:

答案 0 :(得分:0)

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"] {