Question

有人可以解释一下使用ID（#imAnId）和类（.imAClass）之间的区别吗？

当我压倒主要风格时我应该使用什么？

至于现在我在我的css中做到了这一点：

input[type=submit] {
    border: 1px solid #dcdcdc;
    border-color: rgba(0,0,0,0.1);
    color: #444;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    width: 54px;
}

input[type=submit]:focus {
    border-color: #cdcdcd;
    border-color: rgba(0,0,0,0.1);
    outline: none;
}

.searchButtonHomePage {
    display: block;
    height: 29px;
    padding: 0 8px;
    margin: 0 auto;
    margin-top: 16px;
}

.searchButtonResultPage {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 32px;
}

因此我只需要在使用这样的提交输入类型时调用该类：

<input type="submit" class="searchButtonHomePage" />

这是否是正确的溶剂？我也听说过：

Don't use IDs in selectors.

关于CSSLint。

问候我：）

Answer 1

一切都与特异性有关。您可以使用keegan street的specificity calculator。

对此进行可视化

一般情况下，最好不要使用id进行样式设置，因为它会在将来更难以覆盖它。

Answer 2

区别应该是ID是一个特定的元素，如果你也愿意，类可以用于代码中的很多对象。

它是某个对象代码中的最后一条CSS规则，它决定了一个对象将用作什么的规则。

重写输入类型时CSS中的ID或类？

2 个答案: