css - 无法更改颜色 CSS

Question

我正在尝试但无法通过 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>

请帮帮我谢谢

Answer 1

如果你不能改变字体，那么要么元素有一个内联样式(在这种情况下你会想要移动内联样式以在 CSS 中定义，而不是)或者你有一个特殊性问题(在这种情况下你需要一个具有更高特异性的选择器)。如果您在 Chrome 中打开您的网站并使用 Chrome 开发人员工具，它应该会向您显示已将哪些样式应用于该元素以及这些样式在何处被其他规则替换(这可以帮助您追踪覆盖规则，如果它是特异性问题)。

更新
现在您已经提供了示例代码，问题是 标记有其自己的浏览器默认样式。您应该向 标签添加一个类，并使用它来指定您的自定义颜色(您可能还想为“:hover”和“:active”状态添加自定义样式)。例如:

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

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