javascript - 如何不应用 bool 运算符,以及

标签 javascript html css

<分区>

codepen

div:not(.wayne) div:not(.garth) .content {
  background-color:red;
}

<div class="wayne">
  <div class="content">Party On Garth</div>
</div>

<div class="garth">
  <div class="content">Party On Wayne</div>
</div>

<div class="Saitama">
  <div class="content">One punch.</div>
</div>

<div class="Naruto">
  <div class="content">Dattebayo</div>
</div>

除非类是 .garth.wayne,否则背景应该是红色的。我如何为所有 .content 执行此操作?

埼 Jade 和鸣人应该有红色背景。现在没有什么有红色背景。任何类似添加的新字符也应具有红色背景。

伪代码 if(!(wayne || garth)){ 将红色背景应用于 .content}

如有必要,我愿意使用 JavaScript。我更喜欢 CSS。

最佳答案

:not 链接在一起

div:not(.wayne):not(.garth) .content {
  background-color:red;
}
<div class="wayne">
  <div class="content">Party On Garth</div>
</div>

<div class="garth">
  <div class="content">Party On Wayne</div>
</div>

<div class="Saitama">
  <div class="content">One punch.</div>
</div>

<div class="Naruto">
  <div class="content">Dattebayo</div>
</div>

关于javascript - 如何不应用 bool 运算符,以及,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40050274/

上一篇:css - Lato 字体无法在 IE 中呈现,但在 Chrome 中可以正常工作

下一篇:html - 两个元素之间的黑色 1px 线

相关文章:

jquery - Bootstrap 3 中的导航栏

css - 将 css 作为组件参数传递

html - Visual Basic 登录页面导致错误(错误 BC30506 Handles 子句需要 WithEvents...)

PHP fseek 与远程视频或替代方案

javascript - 请求中的 node.js 多个函数

javascript - .replaceWith() 在 jQuery 1.9+ 中不起作用

javascript - 所选选项卡上的 Div 文本 fadeIn() JQuery

javascript - 问题获取菜单滑动

javascript - 全栈应用的 server.js 中符号🌎 的含义

javascript - 为什么通过 JavaScript 更改样式会受到 CSS 转换的影响