我该如何使用：not不给父元素某些特定的CSS而不是给孩子和子孩子？

Lorem

  
    sometext
    
      ipsum
    
  

dolar sit amet


  
    
        
          x
          2
        
        +
        
          y
          2
        
        =
        
          
            
              1
            
          
        
    
  

但这不起作用，如果您有任何解决方案，请提供帮助

在这里，我用inline-css创建了一个带有一些演示内容的小提琴，请检查

https://jsfiddle.net/u5xb49Lr/4/

如果我对您的理解正确，则不希望.input__math 的字体大小或所有.input__math子元素的字体大小发生变化。

使用：not（.input__math）在这里行不通，因为这将不会针对.input__math的子元素（因为这些元素虽然是'input__math'的子元素，但本身没有类'input__math'）。

这是一个不同的解决方案。您应用于子元素的CSS将覆盖应用于父元素的CSS。因此，您可以这样做：

.content-wrapper {
  font-size: 20px;
}

然后这个：

.input__math {
  font-size: ;
}