覆盖来自父级的继承值

Question

我觉得这是一个非常愚蠢的问题。我试图让一个子元素与其父元素具有不同的风格。 与此JSFIDDLE示例一样。 id徽标应为橙色。然而，由于a的风格，它目前处于黑色状态。如何覆盖颜色并将其更改为橙色？

谢谢

HTML：

<p id="logo"><a href="#">LOGO</a></p>

的CSS：

a {
text-decoration: none;
color: rgba(0,0,0,1.00);
}

#logo{
font-family: "Century Gothic";
font-weight: bold;
font-size:2.3em;
color: #FF9D00;
}

Answer 1

使用#logo a更明确地设置它，或者将徽标的颜色设置为!important，这样可以防止它被更高优先级覆盖：

color: #FF9D00 !important;

OR

#logo a {
  color: #FF9D00;
}