Fatal编程技术网
  • html/
  • Html 如何排除位于页脚中具有相同名称的类？

Html 如何排除位于页脚中具有相同名称的类？

html css

Html 如何排除位于页脚中具有相同名称的类？,html,css,css-selectors,pseudo-class,Html,Css,Css Selectors,Pseudo Class,以下是代码示例： <body> <div class="koko">content here</div> <footer> <div class="koko">content</div> </footer> </body> 它不起作用 我还尝试： .koko:不是（页脚） 及 .koko:不是（.footer.koko） 但没有任何帮助。有什么想法吗？使用直接儿童 .kok

以下是代码示例：

<body>
  <div class="koko">content here</div>
  <footer>
    <div class="koko">content</div>
  </footer>
</body>
它不起作用

我还尝试：

.koko:不是（页脚）
及

.koko:不是（.footer.koko）
但没有任何帮助。有什么想法吗？

使用
直接儿童

.koko{
背景：红色
}
页脚>.koko{
背景：蓝色
}
这里的内容
内容
我没有排除footer类，而是在body中只包含了类，如：

.lnd > .koko {css}
它成功了。很棒

尝试在页脚和.kokoko之间添加一个空格：.koko:not（footer.koko）您有一个未关闭的
footer
标记，并且没有
footer
带有class
koko
的标记。
footer
中有一个
div
，它有这个类。上面的评论解决了你的问题。是的，但我想把它排除在外。很抱歉我第一次发帖。我只是在wordpress上编辑一篇文章的自定义CSS。我想把这个班排除在主题之外。