CSS NOT 选择器排除一个类及其子类

Question

我使用此代码来确保响应式 div 不会溢出：

.responsive * {width:100%}

但是我有一些子元素想要从上述规则中排除它们及其子元素。所以我将规则更新为：

.responsive  * :not(.fixedSize,.fixedSize *){max-width:100%;}

上面的代码似乎排除了一切。

div {width:200px;border:1px solid #ff0000;line-height:40px;}
input {width:300px;}
.responsive  * :not(.fixedSize,.fixedSize *){max-width:100%;}

<div class="responsive">
   <input>
   <div class="fixedSize">
      <input>
   <div>
</div>

编辑：

我也试过了，但还不行：

 .responsive  * :not(.fixedSize):not(.fixedSize *){max-width:100%;}

Answer 1

您是否试图实现这一目标？正如其他人在 cmets 中提到的那样，:not 是一个单一的选择器，因此您只能在其中创建一个单独的 id 或类。

.responsive {
  width: 200px;
  border: 1px solid #ff0000;
  line-height: 40px;
}

input {
  width: 300px;
}

.responsive *:not(.fixedSize) {
  max-width:100%;
}

<div class="responsive">
  <input>
  <input>
  <input class ="fixedSize">
</div>