html - CSS 表达式 :not with two condition

标签 html css

<分区>

我有这种奇怪的情况,我无法工作:不是有两个条件。基本上 我想将所有 div 隐藏在一个容器中,除了那些具有特定类的。

例如这是html

<div id="container">

  <div class="show"></div>
  <div class="extra"></div>
  <div class="about"></div>

  <div class="sample1"></div>
  .
  .
  .
  <div class="sampleetc"></div> 
</div>

现在我的 css 表达式是这样的,但是它不起作用

 #container > div:not(.show), #container > div:not(.about){
     display:none;
   }

关于它为什么不起作用或好的 css 表达式的任何想法,我想,:not 不适用于两个条件,或者我猜第一个表达式已经隐藏 .about

最佳答案

我相信你可以像这样链接 :not 选择器:

div#container > div:not(.show):not(.about)
{
    display: none;
}

它似乎在 this fiddle 上正常工作.

关于html - CSS 表达式 :not with two condition,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22548327/

上一篇:html - 反转内联 block 的顺序?

下一篇:html - 如何改进我的 HTML/CSS 按钮的呈现?

相关文章:

html - 如果 float div 具有背景 css 属性,为什么不在 float div 的左侧显示框阴影

javascript - jQuery 淡出函数

HTML CSS DIV 边距顶部不起作用

javascript - 当 $DisplayPieces 设置为 2 时,JSSOR 缩略图导航器转到错误的幻灯片

html - 嵌入式 YouTube 视频展示信息与 modestbranding 不兼容?

javascript - 使用内部表填充动态表 - JavaScript

jquery - 隐藏的 div 在页面加载时出现几分之一秒

css - Sass 变量在关键帧混合中不起作用

css - extjs - 在哪里放置CSS代码?

html - header 'div' 未与屏幕顶部完全对齐(简单但令人沮丧)