title: Angularjs UI Bootstrap: How to modify uib-tab CSS
body: <p>I am using the UI Bootstrap tabs, and I want to change the CSS for some of the components, but am not sure of how exactly to access the different elements.</p>
  
  <p>The elements I would like to change are the text for the active tab, the text for the unactive tab, and the borders for both.</p>
  
  <p>What is the correct syntax need to access these tabs in CSS?</p>
  
  <p>Here is the uib-tab HTML I am using:</p>
  
  <pre><code>&lt;uib-tabset&gt;
  
      &lt;uib-tab heading="Episodes"&gt;&lt;/uib-tab&gt;
  
    &lt;uib-tab heading="Categories"&gt;&lt;/uib-tab&gt;
  
  &lt;/uib-tabset&gt;
  </code></pre>
  
  <p>I'm pretty new to CSS - apologies in advance...</p>