Css 更改具有自己id的类的样式

我的网站的div类中有很多表单控件，我只想更改一个表单控件的样式。这怎么可能？我试着给你一个身份证，但没用

<ul className="nav navbar-nav navbar">
                <li><input type="search" className="form-control" id="this" placeholder="Search" id="search_input" /></li>
                <div className="col-sm-1">
                <li><button type = 'button' onClick={submitSearch}>Search</button></li>
                <li>
                    <div id="search_results">
                    </div>
                </li>
                </div>
 </ul>

搜寻

---

因此，我只想更改此表单控件的样式！如何在我的css文件中写入？如果你想过滤一些选择器，你可以使用pesudo元素：

.form-control:first-of-type //First in its parent
.form-control:last-of-type  //last in its parent
.form-control:nth-child(2)  //.form-control only where it is second element of its parent

---

在同一个输入上有两个ID

这可能就是你遇到问题的原因。删除其中一个ID，然后通过css将另一个ID作为目标

input#search_input { /* css style here */ }