更改href上的css [重复]

Question

如何使用 javascript 更改菜单链接的 css？

<li>
<a href="here is the link">
Промоции </a>
</li>

因为我无法在 <li> 或 <a> 上添加 id！我使用opencart，我只是想修改一个主题

Answer 1

对于所有菜单链接，

// CSS Code
.custom_style { color: red; }

// JS Code
const links = document.querySelectorAll('li a');

for(var i = 0; i < links.length; i++) {
  links[i].classList.add('custom_style');
}

对于单个菜单链接，

// CSS Code
.custom_style { color: red; }

// JS Code
const link = document.querySelector('li a');
link.classList.add('custom_style');