要实现这个需求，核心是利用CSS选择器的特异性优先级，结合!important来覆盖全局规则。具体操作如下：

• 保留你原有的全局CSS规则不变：

  .myBody .dijitContentPane { 
    padding-bottom: 0 !important; 
  }
  

• 添加一条更具体的CSS规则，专门针对.myWidget内部的dijitContentPane：

  .myBody .myWidget .dijitContentPane { 
    padding-bottom: 20px !important; 
  }
  

为什么这样有效？ #

1. 选择器特异性更高：新规则的选择器比全局规则多了一个.myWidget层级，浏览器会优先应用特异性更高的样式。
2. 必须保留!important：因为你的全局规则用了!important标记，只有同样带!important的更具体规则才能覆盖它——否则即使选择器更特殊，也会被全局的!important压制。

如果后续有机会优化，建议尽量移除全局规则里的!important（它会增加样式调试的复杂度），这时新规则可以不用!important，仅靠选择器特异性就能生效：

.myBody .myWidget .dijitContentPane { 
  padding-bottom: 20px; 
}

内容的提问来源于stack exchange，提问作者Vicky