nav[role="navigation"].dark 不起作用？答案

【问题标题】：nav[role="navigation"].dark is not working?nav[role="navigation"].dark 不起作用？
【发布时间】：2021-12-10 04:33:25
【问题描述】：

我创建了一个用于切换深色主题和浅色主题的 JS 函数，一切正常，但这个导航不起作用

nav[role="navigation"].dark{
    background-color: #2a2a2a;
}

还有我的 Javascript

document.getElementById("dark").addEventListener('click', () => {
    document.body.classList.toggle('dark')
    localStorage.setItem(
      'theme',
      document.body.classList.contains('dark') ? 'dark' : 'light'
    )
  })

【问题讨论】：

标签： javascript html css web

【解决方案1】：

如果 dark 类应用于正文，您的选择器可能应该是 .dark nav[role="navigation"] 而不是 nav[role="navigation"].dark

.dark nav[role="navigation"] {
    background-color: #2a2a2a;
}

【讨论】：