Angularjs UI Bootstrap: How to modify uib-tab CSS
<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>