這是我的CSS。我的目標(biāo)是在您單擊某個(gè)選項(xiàng)卡時(shí)添加規(guī)則，以便它顯示必要的內(nèi)容，但它不起作用。.show#tab-1-content, #tab-2-content, #tab-3-content {  display: none;}.show {  display: block !important;}這是我的整個(gè)Javascript頁面。我把 在控制臺(tái)中查看類是否被正確添加，似乎每當(dāng)我單擊它時(shí)它都是這樣，但它沒有像它應(yīng)該的那樣顯示內(nèi)容。console.logshowconst tabItems = document.querySelectorAll('.tab-item');const tabContentItems = document.querySelectorAll('.tab-content-item');// select tab content itemfunction selectItem(e) {  removeBorder();  removeShow();  //Add border to current tab  this.classList.add('tab-border');  //Grab content item from DOM  const tabContentItem = document.querySelector(`#${ this.id }-content`);  //Add show class  tabContentItem.classList.add('show');  console.log(tabContentItem)}function removeBorder() { tabItems.forEach(item => item.classList.remove('tab-border'));}function removeShow() { tabContentItems.forEach(item => item.classList.remove('show'));}// Listen for tab clicktabItems.forEach(item => item.addEventListener('click', selectItem));我的 Border 變量按預(yù)期工作，刪除邊框并將其添加到我單擊的元素中。我試圖只是制作一個(gè)Netflix登陸頁面克隆作為一個(gè)項(xiàng)目，這是該網(wǎng)站的鏈接 https://netflx.github.io/ 。我刪除了頁腳并替換了圖像，因?yàn)槲业姆啦《拒浖辉试S我訪問該網(wǎng)站。我試圖完全按照netflix的作用，當(dāng)您單擊不同的選項(xiàng)卡元素時(shí)彈出不同的部分，但它沒有這樣做。它僅適用于第一個(gè)選項(xiàng)卡，但不顯示其他兩個(gè)選項(xiàng)卡的內(nèi)容。有誰知道發(fā)生了什么以及我如何解決它？