Как использовать селектор not для нацеливания элементов внутри идентификатора?

Question

Можно ли использовать селектор not css для нацеливания на все элементы, кроме всех элементов типа INSIDE (потомка) класса или идентификатора?

Пример: настроить таргетинг на все SVG-файлы, кроме тех, которые находятся внутри элемента widget:

svg:not(#widget) {
  fill: red;;
}

<div>
 <svg /> // red
 <div id="widget">
  <svg /> // not red
  <svg /> // not red
 </div>
 <svg /> // red
</div>

Answer 1

svg {
  fill: red;
}

#widget svg{
  fill : inherit;
}

<div>
 <svg style='width:200px;height:200px;' /> // red
 <div id="widget">
  <svg style='width:200px;height:200px;'  /> // not red
  <svg style='width:200px;height:200px;'  /> // not red
 </div>
 <svg style='width:200px;height:200px;'  /> // red
</div>

Answer 2

div{
    color: black;
}
div:not(#widget){
    color: red;
}

<div>
 <svg /> // red
 <div id="widget">
  <svg /> // not red
  <svg /> // not red
 </div>
 <svg /> // red
</div>