Question

您好我正在尝试更改我网页中链接的颜色，css代码如下。

    <style>
     .company_link A:link { 
     color: #dd3333;
     text-decoration: none;
     }
     .company-link A:hover {
     color: #F6CA4C;
     text-decoration: underline;
     }
    .company-link A:visited {
    color: #F6CA4C;
    text-decoration: none;
     }
   .company-link A:active {
   color: yellow;
   text-decoration: none;
    }
  </style>

这是链接。

 <?php echo "<a class=\"company-link\" href=\"company.php?ip={$ip}&id={$id}\">$company_name_live</a>";?><br><span style="color:#dd3333;"><?php echo $row['multivisit']; ?></span>

我尝试使用单引号将类放在不同的位置，甚至将类附加到表行，但我似乎无法更改链接的颜色。

Answer 1

现在您正在选择班级a的孩子 .company-link，但它是a的{{1}}班级{ {1}}。应该是：

.company-link

等等。

评论后编辑：

并不意味着傲慢，但这是您发布的代码的解决方案。所以要么你的代码不同，要么你有其他的东西会覆盖这个规则，之后你的css会有什么其他的东西？

Answer 2

  a.company_link:link{}

试试这个

Answer 3

尝试这个

<?php echo "<a class=\"company_link\" href=\"company.php?ip=".$ip."&id=".$id."\">$company_name_live</a>";?><br><span style="color:#dd3333;"><?php echo $row['multivisit']; ?></span>

Answer 4

如果要使用类设置元素样式，则必须使用以下语法：

element.class { }

或者，在你的情况下：

a.company { }

您可以在JSFiddle中看到我的意思，这肯定会解决您的问题。您只需将样式复制到文件中即可。

语法：

.company a { }

用于a容器内的所有.company元素，例如：

<div class="company">
    <a href="#">Styled link 1</a>
    <a href="#">Styled link 2</a>
</div>

上面的示例将为a类元素的所有.company子项设置样式。您可以查看here。

类不在链接中工作

4 个答案: