CSS селекторов потомков

Question

Могу ли я использовать комбинацию идентификатора и элементов для применения стиля к определенному элементу?

например:

<ul id="a">
  <li>
    <a href=...>Howdy</a>
  </li>
  <li>
    <a href=...>Doody</a>
  </li>
</ul>

Есть ли способ применить стиль style = "font -size: small "ко всем якорям, которые следуют за UL с идентификатором 'a'?

Я бы подумал, что что-то вроде #aa {font-size: small} будет работать, но это не имеет никакого эффекта в файле css.

Спасибо,

Jo

Answer 1

Вместо использования ID используйте селектор class, чтобы одно и то же имя класса можно было использовать для нескольких ul элементов:

.a li a {  /* you can also use .a a {....} */
  font-size: 40px;
  color: red;
}

<ul class="a">
  <li>
    <a href=...>Howdy</a>
  </li>
  <li>
    <a href=...>Doody</a>
  </li>
</ul>

<ul class="a">
  <li>
    <a href=...>Hello</a>
  </li>
  <li>
    <a href=...>Boy</a>
  </li>
</ul>

Answer 2

Да, используйте структуру HTML для выбора тегов привязки:

ul li a {
   font-size:small
}