CSS将属性应用于第一个创建的元素

Question

我将按钮添加到div中，详见此处 - Append button to div using javascript

通过addBtns();函数调用添加每个按钮。因此，应用的CSS将应用于每个附加到div的按钮。

我遇到的问题是我希望按钮在div的右下角对齐。我尝试设置top-margin＆amp; left-margin属性。使用left-margin，我遇到的问题是边距会应用于每个按钮＆amp;因此按钮之间的间距会发生变化。

我希望left-margin仅适用于在该div中创建的第一个按钮，在这种情况下，按钮标记为'A'

我可以请求帮助以实现我的目标吗？

Answer 1

你可以通过纯CSS来实现这个目标：

 input:first-child {
     margin-left: 30%;
 }

它也适用于动态创建的元素。我必须将width:50%;添加到appendToMe，因为它最初没有任何宽度。另外，我添加了margin-left:30%而不是300%，因为它显然超出了边界。

在CODEPEN

上查看

Answer 2

您可以尝试使用CSS :first-child伪类。详情请见https://developer.mozilla.org/en/docs/Web/CSS/:first-child