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

Question

我已经创建了一个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'
)
})

Answer 1

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

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