Adding all list items to single class

Question

Instead of adding a individual class to each list items, is there a way to add a single class to a whole set of list item at once?

CSS

<li class="foot_nav">Home</li>
<li class="foot_nav">Discovery</li>
<li class="foot_nav">Subjects</li>
<li class="foot_nav">Guide</li>
<li class="foot_nav">About us</li>

Thanks

Answer 1

It's only one way - JS. Jquery for example:

$('li').addClass('foot_nav');

Answer 2

Just add a class to parent and use child selector:

.foot_nav li {
  display: inline-block;
}

<ul class="foot_nav">
  <li>Home</li>
  <li>Discovery</li>
  <li>Subjects</li>
  <li>Guide</li>
  <li>About us</li>
</ul>