我有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选择器并组合它们.
原文地址:https://www.jb51.cc/css/214136.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。