用于共享某些样式和某些HTML元素的HTML元素，以使用CSS添加特定样式

Question

我有多个按钮（输入类型=“提交”）。我希望所有按钮共享相同的样式，除了一个按钮，我需要将宽度和高度设置为自动。

将类用于常见样式和id用于特定样式似乎不起作用。

Answer 1

尝试以下方法： HTML：

<input type='submit' class='one'>
<input type='submit' class='one'>
<input type='submit' class='one'>
<input type='submit' class='one'>
<input type='submit' class='one'>
<input type='submit' class='two one'>

CSS：

input.one {
    //your style here
}
input.two {
    width: auto;
    height: auto;
}

Answer 2

您可以选择所有提交按钮，如下所示：

input[type=submit] {
    /*styles for normal buttons*/
}

要选择单个按钮，最好使用ID：

#special_button {
    /*styles for special button*/
}

请确保按照给定的顺序包含样式，以便它们正确覆盖。