title: Add css style to single element in jQuery
body: <p><code>$(".className")</code> return all the element having class <code>.className</code> , I want to add style only to a particular element i.e. I want to access element using their index number.</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt; 
  &lt;body&gt;
      &lt;p class="para"&gt;first paragraph &lt;/p&gt;
      &lt;p class="para"&gt;Second paragraph &lt;/p&gt;
      &lt;p class="para"&gt;Third paragraph &lt;/p&gt;
      &lt;script&gt;
          console.log($(".para"));
          // console.log($(".para")[0].css({"color":"red"}));
   &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In this code how can I add red color to the first paragraph and yellow color to second paragraph </p>