js设置li的样式

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

// 获取第一个li元素
var firstLi = document.querySelector('#myList li');

// 设置样式
firstLi.style.color = 'red';
firstLi.style.fontSize = '20px';
firstLi.style.backgroundColor = 'yellow';

// 获取所有li元素
var allLis = document.querySelectorAll('#myList li');

// 遍历并设置样式
allLis.forEach(function(li) {
  li.style.color = 'blue';
  li.style.fontSize = '18px';
});

.highlight {
  background-color: green;
  color: white;
}

// 获取第一个li元素
var firstLi = document.querySelector('#myList li');

// 添加类
firstLi.classList.add('highlight');

// 移除类
// firstLi.classList.remove('highlight');