WooCommerce 仅针对特定链接更改链接颜色

Posted

技术标签:

【中文标题】WooCommerce 仅针对特定链接更改链接颜色【英文标题】:WooCommerce Change Link color only for specific link 【发布时间】:2020-11-07 06:03:32 【问题描述】:

我有这段代码可以插入链接并更改它们的颜色。我的问题是当我使用此代码时,页面上的所有链接都会将其颜色更改为此设置。但是我只想要这个链接的这些颜色,其他链接应该保持它们的颜色。

谁能帮帮我?

<!DOCTYPE html>
<html>
  <head>
    <style>
      /* unvisited link */
      a:link 
      color: #9c1006;
      
      /* mouse over link */
      a:hover 
      color: #000000;
      
      </style>
  </head>
  <body>
    <a href="link">link text</a></p> 

【问题讨论】:

【参考方案1】:

您需要在 html 标签中添加一个“类”属性,例如:

<a href="link" class="custom-link">link text</a></p> 

那么您的 CSS 相关规则将改为:

/* unvisited link */
a.custom-link:link 
    color: #9c1006;

/* mouse over link */
a.custom-link:hover 
    color: #000000;

【讨论】:

以上是关于WooCommerce 仅针对特定链接更改链接颜色的主要内容,如果未能解决你的问题,请参考以下文章

如何更改特定 WooCommerce 类别的背景颜色?

如何更改 div CSS 的特定类中的链接颜色

如何获得特定WooCommerce端点的永久链接?

php 更改Woocommerce产品评论的“登录”链接的登录链接

WooCommerce - 使用永久链接和 html 显示来自特定父级的产品子类别

更改 WooCommerce 迷你购物车小部件上的购物车和结帐按钮链接