如何更改动态创建的输入字段的样式？

Question

元素代码看起来像这样

<select id="TsSection_ts_subjectid" name="TsSection[ts_subjectid][]">
<select id="TsSection_ts_subjectid" name="TsSection[ts_subjectid][]">
<select id="TsSection_ts_subjectid" name="TsSection[ts_subjectid][]">

我想更改第二个元素的边框？

Answer 1

每个元素必须具有唯一的id，我建议您将它们更改为类：

<select class="TsSection_ts_subjectid" name="TsSection[ts_subjectid][]">

然后，您可以使用nth-child选择器来定位第二个元素：

select.TsSection_ts_subjectid:nth-child(2) {
    border: 1px solid red;
}

Here's a fiddle