Skip to main content

How to replace the whole selector?

.component .elementThe selector you want to omit.totaly-different #whole [custom] selector .wherever .is-neededThe selector you want to insert
+component('.component')
  +register
    +element('.element')
      +spot-exception-selector('.totaly-different #whole [custom] selector .wherever .is-needed')
      +spot-exception-selector('{alias}', '.my-other-selector .like [this]')

  +__________________________
  +element('.element')
    +default
      display: inline-flex

    +spot-exception-selector('.totaly-different #whole [custom] selector .wherever .is-needed')
      position: relative

    +spot-exception-selector('{alias}')
      position: fixed








.component .element {
  display: inline-flex;
}

.totaly-different #whole [custom] selector .wherever .is-needed {
  position: relative;
}
.my-other-selector .like [this] {
  position: fixed;
}


More info: +spot-exception-selector, +register, +component, separator +___