如何在一个css选择器中访问两个Id

我有div有三个按钮,

<div id="buttons">
    <input id="preview" class="ButtonStyle" type="submit" value="Preview" name="preview">
    <input id="add" class="ButtonStyle" type="submit" value="Save" name="add">
    <input id="Cancel" class="ButtonStyle" type="submit" value="Cancel" name="Cancel">
</div>

我设定了风格.我想要这两个添加和取消按钮都有他们的左边距：5px;现在我正在这样做,

#outBoxmidpg #buttons input[type="submit"]{
    font-weight: bold;
    width: 70px;
}

#outBoxmidpg #buttons input[id="Cancel"] {
    margin-left: 5px;
}

#outBoxmidpg #buttons input[id="add"] {
    margin-left: 5px;
}

我想一行就行.我试过这个,但是它没有起作用,它也删除了取消按钮余量.

#outBoxmidpg #buttons input[id="Cancel"] input[id="add"] {
    margin-left: 5px;
}

有没有,我可以在一条线上实现风格？

谢谢

解决方法

#buttons input:nth-child(2),#buttons input:nth-child(3){
    margin-left:5px;
}

这是否适合你？

或简单地：

#Cancel,#add{
    margin-left:5px;
}

随着分离,您启动一个完整的新的CSS选择器并组合它们.

如何在一个css选择器中访问两个Id

解决方法

相关文章