CSS问题：如何将类添加到所有<；a>；列表中的标记

我正在从Bootstrap3迁移到bootstrap4。 为了更好地工作，我必须用HTML标记菜单，如下所示：

<ul class="dropdown-menu">
        <li><a class="nav-item nav-link" href="foo">Foo</a></li>
        <li><a class="nav-item nav-link" href="bar">Bar</a></li>
        .
        .
        .
    </ul>

.
.
.

其中每个元素获得相同的类

这是Django中jinja2模板的一部分。 用

class=“nav item nav link”

我不需要用bootstrap3代码来实现这一点（我继承了bootstrap3代码，对此我知之甚少）

---

有不同的方法吗？

如果您使用VSCode，您可以使用快捷方式

ctrl+alt+DownArrow

将coursor复制到底线，并同时编辑多个。

使用js=>document.querySelectorAll（“a”）.classList.add（“导航项目导航链接”）；如果是特定的锚定标记，则在选择器上指定它们