Question

在Zurb Foundation 4中我想强调所有下面的文字，除了“Shipping International”，我已经尝试了各种css来设置文本装饰“无”，但我似乎无法弄清楚要解决的CSS是什么这是：

<div class="row">

 <p class="buy-button"><a href="#" class="medium button buy">Add to cart</a></p><br>
 <p class="small-font"><a href="#">usually leaves our warehouse in 1 business day.</a><br>
 <a href="#">Available for Pick Up NYC</a> <br>
 <span class="overview">Shipping: International</span> <a href="#">(See Terms &amp Conditions)</a> </p>
    </div>

我做了一个班级，但它不起作用。

可以在这个小提琴http://jsfiddle.net/setbon/f8p62/

中看到HTML和CSS

非常感谢任何帮助解决。

Answer 1

从text-decoration:underline;样式中删除.small-font。

这是完整的CSS：

.medium.button.buy {
  background-color: green;
  /*  margin-right: 0.5em;
  margin-left: 0.5em;*/
  padding-left: 4em;
  padding-right: 4em;
}

.small-font {
  font-size: 0.75em;
}

.panel p.buy-button {
  margin-bottom: 0.1em;
}

jsFiddle。

在带下划线的段落中如何从下划线中排除一系列单词（text-decoration none）

1 个答案: