CSS - таргетинг конкретного без ребенка decendents

Question

Я следующая разметка:

<footer> 
    <div> 
     <ul> 
      <li>content</li> 
      <li><a target="_blank" href="#">Link</a></li> 
      <li><a target="_blank" href="#">Link</a></li> 
      <li><a target="_blank" href="#">Link</a></li> 
     </ul> 
    </div> 
    <div> 
     <ul> 
      <li>Content</li> 
      <li>Content</li> 
      <li>Content</li> 
      <li>Content</li> 
     </ul> 
    </div> 
</footer> 

Как я могу предназначаться только второй <ul> с помощью CSS без применения пользовательских идентификаторов и классов в мой HTML?

Answer 1

footer > div:last-child > ul { /*styles*/ } 

Answer 2

Попробуйте это:

footer div:nth-child(2) ul { 
 
    background-color: green; /* For success */ 
 
}

<footer> 
 
    <div> 
 
     <ul> 
 
      <li>content</li> 
 
      <li><a target="_blank" href="#">Link</a></li> 
 
      <li><a target="_blank" href="#">Link</a></li> 
 
      <li><a target="_blank" href="#">Link</a></li> 
 
     </ul> 
 
    </div> 
 
    <div> 
 
     <ul> 
 
      <li>Content</li> 
 
      <li>Content</li> 
 
      <li>Content</li> 
 
      <li>Content</li> 
 
     </ul> 
 
    </div> 
 
</footer>

Тем не менее, всякий раз, когда это возможно, я хотел бы призвать класс/ID маршрута, потому что в то время как он может быть грязным, оно также позволяет изменить Предметы. Это также может быть немного легче устранить при возврате на сайт позже, потому что из разметки видно, что имитирует их.

Answer 3

В данном конкретном случае или footer div:nth-of-type(2) ulfooter div:last-of-type ul

http://codepen.io/anon/pen/ZBoONm

Answer 4

Завершение сбора возможных решений:

footer div:nth-of-type(2) ul { 
    color: red; 
} 

Фидл: https://jsfiddle.net/9uuqub2k