使用css为MonthlyTrigger选择多个月

<div id="monthlyTrigger">
  <div class="month">January</div>
  <div class="month">February</div>
  <div class="month">March</div>
  <div class="month">April</div>
  <div class="month">May</div>
  <div class="month">June</div>
  <div class="month">July</div>
  <div class="month">August</div>
  <div class="month">September</div>
  <div class="month">October</div>
  <div class="month">November</div>
  <div class="month">December</div>
</div>

.month {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}

.month.selected {
  font-weight: bold;
  color: red;
}

// 获取所有月份元素
const months = document.querySelectorAll('.month');

// 为每个月份元素添加点击事件监听器
months.forEach(month => {
  month.addEventListener('click', () => {
    month.classList.toggle('selected');
  });
});