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> ```

Original source