可以根据插入的数据添加CSS吗？

<ul id="data-list"></ul>

// 假设有一个包含数据的数组
var data = [
  { number: 10, description: "数据1" },
  { number: 5, description: "数据2" },
  { number: 8, description: "数据3" }
];

// 获取数据列表的DOM元素
var dataList = document.getElementById("data-list");

// 遍历数据数组，生成列表项并添加到数据列表中
data.forEach(function(item) {
  // 创建列表项元素
  var listItem = document.createElement("li");
  
  // 设置描述内容
  listItem.textContent = item.description;
  
  // 根据数字大小添加不同的CSS类
  if (item.number > 8) {
    listItem.classList.add("high-number");
  } else if (item.number < 5) {
    listItem.classList.add("low-number");
  }
  
  // 将列表项添加到数据列表中
  dataList.appendChild(listItem);
});

.high-number {
  color: red;
  font-weight: bold;
}

.low-number {
  color: blue;
  font-style: italic;
}