html - CSS:多次分配样式时会发生什么？

我问这个奇怪的问题是因为我在代码中遇到了 CSS 问题。

总结

我有一个用 CSS 设计的按钮。

.button-phone
{
    width: 15px;
    background: url('/img/icon_phone.png') no-repeat;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
   *margin-right: .3em;
   line-height: 14px;
   vertical-align: text-top;
}

这里，在单个样式代码中，宽度设置为15px和14px。

我的问题

我想知道两次分配宽度或任何其他属性是否有效？如果有效，那么将应用哪一个？

在我的例子中，按钮被设置为某个宽度，但我不知道设置的是哪个宽度。我怎么知道设置了哪一个？

最佳答案

使用你最后分配的那个(在你的例子中，width:14px)

关于html - CSS:多次分配样式时会发生什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16275765/