<body>.
<section class="apply-me1">.
</section>.
<section class="apply-me2">.
</section>.
<a class="except-me" href="#">Something here</a>.
</body>
现在我想在所有元素上应用一些规则,除了使用css和javascript,而不是jquery。
I Tried this:
CSS:
body {
some rules here
}
body >*:not(.except-me).active {
some rules here
}
Javascript:
selectBody = document.getElementsByTagName('BODY')[0];
selectBody.addEventListener('click', () => {
selectBody.classList.toggle('active');
})
基本上,我想在body上切换类,这样当我点击body时,除了a标签之外的所有元素都可以应用一些规则。
我该怎么做呢?
可以简单地使用querySelector()。你必须在括号中传递一个css选择器。这里有一个示例:
document.querySelector('body >*:not(.except-me).active');
这对你很有帮助。不要忘记必须把CSS选择器放在大括号中。