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开发人员工具，它应该会向您显示已应用于该元素的样式以及其他规则替换样式的位置（如果它是一个规则，它可以帮助您找到覆盖规则特异性问题）。

更新的
现在您已经提供了示例代码，问题在于＆lt; a＆gt; tag有自己的浏览器默认样式。您应该向＆lt; a＆gt;添加一个类。标记，并使用它来指定您的自定义颜色（您可能还想为“：hover”和“：active”状态添加自定义样式）。例如：

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

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

Answer 2

在您的锚标记中添加text-decoration:none。默认情况下，color不会应用于锚标记，并且会保持蓝色。

这是您修改过的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>

如果您想重复使用它，请将其合并到您的班级中。

Answer 3

如果不想调试，可以使用color：color_code！important;

Answer 4

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

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

所以你必须定义elements的颜色，例如像这样：

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;
}

通知a元素的不同伪类。 CSS中的顺序非常重要。

顺便说一句：我认为您的HTML代码也有错误！
应该是：

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

无法更改CSS的颜色

4 个答案: