如果指定的媒体在视区中，如何将类添加到链接？

// 选择要观察的元素
const element = document.querySelector('.your-element-selector');

// 创建一个回调函数，当观察的元素进入或离开视口时会被调用
const callback = (entries, observer) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      // 如果元素进入视口，添加类
      entry.target.classList.add('your-class-name');
    } else {
      // 如果元素离开视口，移除类
      entry.target.classList.remove('your-class-name');
    }
  });
};

// 创建一个IntersectionObserver实例
const options = {
  root: null, // 使用默认的视口作为根
  rootMargin: '0px', // 不设置根元素的边距
  threshold: 0.5 // 当元素的50%进入视口时触发回调
};
const observer = new IntersectionObserver(callback, options);

// 开始观察元素
observer.observe(element);