Selecting first UL using CSS
css, html
Solution
Use `first-of-type`
ul:first-of-type {
/* css rules */
}
DEMO
ul:first-of-type {
color: red
}
<div class="block">
<h2>External</h2>
<ul>
<li><span class="indicator success"></span>1</li>
<li><span class="indicator success"></span>2</li>
</ul>
<ul>
<li><span class="indicator success"></span>1</li>
<li><span class="indicator success"></span>2</li>
</ul>
</div>
Problem
Is it possible to select first UL using CSS in the DIV, this is the HTML that I use ``` <div class="block"> <h2>External</h2> <ul> <li><span class="indicator success"></span>1</li> <li><span class="indicator success"></span>2</li> </ul> <ul> <li><span class="indicator success"></span>1</li> <li><span class="indicator success"></span>2</li> </ul> </div> ```