html - 有没有办法将类型选择器应用于元素？

Question

我有一个链接，我希望它看起来像一个按钮。我已经有了一种类型选择器“按钮”形式的样式，并且它被广泛使用。我可以通过 HTML 将其应用于我的链接吗？

Razor :

@Ajax.ActionLink("Search", "Search", "N", null, new AjaxOptions() { UpdateTargetId = "NDiv", HttpMethod = "Post", OnComplete = "OnComplete" }, htmlAttributes: new { @class = "button" })

CSS:

button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

我知道我可以复制样式并将名称更改为“.button”，但我不想复制。

Answer 1

您不需要复制样式。您可以简单地添加更多应用现有样式的元素:

button, .button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
}