我有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选择器并组合它们.
