changing styles of a class with its own id
<p>I have a lot of form-controls in div classes of my website and i want to change the style of only 1 form-control. How it is possible? i tried to give an id but it did not work.</p>

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

<p>So i want to change the style of this form-control only! how should write is in my css file? Than you.</p>