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

Javascript CSS将属性仅应用于第一个创建的元素,javascript,jquery,css,Javascript,Jquery,Css,我在一个div中添加按钮,如下所述- 每个按钮都是通过addBtns()添加的函数调用。因此,应用的CSS将应用于附加到div的每个按钮 我的问题是我希望按钮在div的右下角对齐。我尝试设置上边距&左边距属性。对于左侧边距,我遇到的问题是边距应用于每个按钮&因此按钮之间的间距会发生变化 我希望左边距仅应用于在该div中创建的第一个按钮,在本例中,该按钮标记为'A' 我可以请求帮助以实现我的目标吗?您可以尝试使用CSS:first child伪类。详细信息如下:您可以通过纯CSS实现这一点: i

我在一个div中添加按钮,如下所述-

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

我的问题是我希望按钮在div的右下角对齐。我尝试设置
上边距
&
左边距
属性。对于
左侧边距
,我遇到的问题是边距应用于每个按钮&因此按钮之间的间距会发生变化

我希望
左边距
仅应用于在该div中创建的第一个按钮,在本例中,该按钮标记为
'A'


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

您可以尝试使用CSS
:first child
伪类。详细信息如下:

您可以通过纯CSS实现这一点:

 input:first-child {
     margin-left: 30%;
 }
它也适用于动态创建的元素。我不得不加上
宽度:50%
appendToMe
,因为它最初没有任何宽度。此外,我添加了
左边距:30%
而不是
300%
,因为它显然超出了边界


请在

上查看,请不要只链接到您的代码,在问题中包含您的代码,否则,如果外部链接消失、移动、重组或根本不可用,您的问题将立即变得毫无意义,对其他人毫无帮助。请参阅“”和“”指南。您好-谢谢。我通过添加下面的-
.appendToMe按钮更新了代码笔:第一个子项{margin left:100%;}
其中
appendToMe
是添加到
div的类的名称。然而,我仍然没有看到它生效。我是否使用了正确的语法?这是我第一次使用它。@usert4jju7它们不是标记。谢谢你:)没错。当我尝试输入时,我使用的措辞是按钮。好东西。我在-
上修复了它。appendToMe输入:first child{margin left:70%;}
我刚刚用一个例子更新了我的答案。过来看