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

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;
}

这是一个小提琴