无法更改CSS的颜色

我正在尝试，但无法通过CSS更改文本的颜色

这是我的css代码

 .donfont1
 {
 margin: 0.8em 0 0.5em 0;    
 color:#00ff00;
 font-weight: 600;    
 font-family: 'Titillium Web', sans-serif; 
 font-size: 16px;    
 line-height: 20px;    
 counter-increment: section-1;    
 counter-reset: section-2 section-3 section-4;
 position: relative; 
 text-align:center;
 } 

.leaf {
 list-style-type: none;
 background: url('images/feature.png') no-repeat top left;
 height: 46px;
 text-align:center;
 } 

下面是html代码

<li class="leaf">
<p class="donfont1">
<a href=productdetails.php?url=<?php echo $friendlyurlget;?>>
<?php echo $propertytitle; ?>
</a>
</p>
</li>

---

请帮助我，谢谢

如果您无法更改字体，那么要么元素具有内联样式，在这种情况下，您将希望移动要在CSS中定义的内联样式，要么您存在特殊性问题，在这种情况下，您需要具有更高特殊性的选择器。如果您在Chrome中打开网站并使用Chrome developer工具，它应该会显示哪些样式已应用于元素，以及这些样式在何处被其他规则替换，这些规则可以帮助您跟踪覆盖规则（如果是特定问题）

更新 既然已经提供了示例代码，问题在于标记有自己的浏览器默认样式。您应该向标记添加一个类，并使用该类指定自定义颜色。您可能还希望为：hover和：active状态添加自定义样式。例如：

 /* css */
 .product-details {
   color:#00ff00;
 }

 <!-- html -->
 <a class="product-details" href="productdetails.php?...">...</a>

---

如果不想调试，可以使用color:color\u代码！重要的

向锚定标记添加文本装饰：无。默认情况下，颜色不应用于锚定标记，并且保持蓝色

以下是您修改的HTML：

<li class="leaf">
<p class="donfont1">
<a style="text-decoration:none; color:#00ff00;" href=productdetails.php?url=<?php echo $friendlyurlget;?>>
<?php echo $propertytitle; ?>
</a>
</p>
</li>

---

如果要重复使用，请将其合并到类中。

您可以为p元素中的文本定义文本颜色。实际上，p元素的唯一内容是链接a元素作为子元素

链接元素具有由浏览器的用户代理样式表定义的默认颜色

因此，您必须定义元素的颜色，例如：

a {
  color: #0F0;
  text-decoration: none; /* if you do not want your links to be underlined */
}

a:visited {
  color: #FF0;
}

a:hover {
  color: #FFF;
}

a:active {
  color: #0FF;
}

注意元素的不同伪类。CSS中的顺序很重要

顺便说一句：我想你的HTML代码也有错误！ 应该是：

<a href="productdetails.php?url=<?php echo $friendlyurlget;?>" <?php echo $propertytitle; ?>>

---

显示你的HTML，给我们一把小提琴。很可能你的规则被a元素上设置的样式覆盖了。！重要的是，这将提高css属性的优先级。这是一个非常糟糕的解决方案，我不推荐。虽然我自己也犯过几次这样的错误。是的，只有在最坏的情况下，当您无法控制使用文本的内联cssTry或尝试将整个内容包含在一个div中时，您才正确使用。我认为您错了。他为p元素定义了颜色，但没有为包含的a元素定义颜色，a元素实际上是唯一的内容/子元素。同意。