Question

这是我的CSS

  .button-1 {
    background-color: #f7f1e3;
    border: none;
    color: #393939;
    padding: 12px 12px;
    font-size: 14px;
    cursor: pointer;
    font-family:Montserrat;
    font-weight:400;
    font-style:normal;
  }


  .button-1:hover {
    background-color: #aaa69d;
    color: #393939;
  }

这是HTML

  <button class="button-1">
    <a href="">Click Me</a>
  </button>

因此，这里没有什么复杂的，但是我被困在为链接添加基本HREF标签的最有效方法上。

如果我在按钮的文本区域中添加一个简单的链接，那么我将获得通用样式。

现在，我当然可以为按钮创建一个CSS A类，但是我有几个这样的类，它将创建更多的代码。

我的问题是：最有效的方法是什么？我是否可以直接将Link Class添加到button-1 CSS中？

谢谢！

Answer 1

具体来说，您应该为按钮内的<a>元素创建一个新的选择器：

.button-1 a{}

此外，如果您想从<a>标记中删除所有“通用样式”，则可以为链接创建通用选择器。

a{
  color:inherit,
  text-decoration: none
}

甚至所有元素的*选择器

*{
  color:inherit,
  text-decoration: none
}

PD：：如果您向按钮元素添加填充样式，并且在此<a>元素内部，则无法单击填充区域以进行链接，建议您将填充添加到<a>元素。

CSS>尝试设置按钮样式-必须有一种更简单的方法

1 个答案: