CSS不会按预期更改文本颜色

Question

在页面中我有一个HTML元素

<span class="ysf-game-status ">
    <a class="F-reset" href="http://sports.yahoo.com/nfl/miami-dolphins-washington-redskins-20150913028/" target="sports" onclick="pop(this)">Sun 10:00 am  @ Mia</a>
</span>

如何更改Sun 10:00 am @ Mia文字的文字颜色？

我试过

.ysf-game-status > .F-reset {
    color: blue;
}

但这不起作用。但是，我创建了一个 jsFiddle ，它似乎在那里工作。我做错了什么？

Here是我尝试修改的示例页面的链接。我想将播放器名称下方的文字更改为其他颜色。

Answer 1

颜色由选择器#Stencil .F-reset的规则设置。由于这比您使用的选择器更具体，因此优先。

您需要一个特定的选择器，并在该规则之后，或者更具体的选择器。您可以使用更具体的选择器：

#Stencil .ysf-game-status > .F-reset {
  color: blue;
}

Answer 2

尝试

#Stencil .F-reset{
    color:blue;
}

ID更具体。除非你瞄准它，否则它会被覆盖。

Answer 3

试试这个，它会起作用

#Stencil .F-reset {
    color:blue !important;
}

Answer 4

使用这个：

.F-reset {
        color: blue;
    }

我认为你不需要更多。但是如果你不止一次使用这个类，你想要这个特定的使用就像这样：

 .F-reset {
        color: blue !impotant;
    }