ApplyTo

Description: The applyTo option property applies its value to the <identifier>.

Edit
ctr('.test > div', {
width: 200px
attribute: {
option: {
key: '[class$="test"]'
applyTo: '.applyToTest'
}
font-size: 2em
}
})
.test > div:
width: 200px
attribute:
option:
key: '[class$="test"]'
applyTo: .applyToTest
font-size: 2em
.test > div {
width: 200px;
}
.test > div[class$="test"] .applyToTest {
font-size: 2em;
}
ctr('.test > div', {
  width: 200px
  attribute: {
    option: {
      key: '[class$="test"]'
      applyTo: '.applyToTest'
    }
    font-size: 2em
  }
})
.test > div {
  width: 200px;
}
.test > div[class$="test"] .applyToTest {
  font-size: 2em;
}
.test > div:
  width: 200px
  attribute:
    option:
      key: '[class$="test"]'
      applyTo: .applyToTest
    font-size: 2em

Notes

AppendTo

Description: The appendTo option property appends its value to the <identifier>.

Edit
ctr('.test > div', {
width: 200px
attribute: {
option: {
key: '[class$="test"]'
appendTo: ':first-child'
}
font-size: 1em
}
})
.test > div:
width: 200px
attribute:
option:
key: '[class$="test"]'
appendTo: :first-child
font-size: 1em
.test > div {
width: 200px;
}
.test > div[class$="test"]:first-child {
font-size: 1em;
}
ctr('.test > div', {
  width: 200px
  attribute: {
    option: {
      key: '[class$="test"]'
      appendTo: ':first-child'
    }
    font-size: 1em
  }
})
.test > div {
  width: 200px;
}
.test > div[class$="test"]:first-child {
  font-size: 1em;
}
.test > div:
  width: 200px
  attribute:
    option:
      key: '[class$="test"]'
      appendTo: :first-child
    font-size: 1em

Notes

Override

Description: The override option property overrides the entirety of the selector, including the <identifier>, with its value.

Edit
ctr('.test > div', {
width: 200px
attribute: {
option: {
key: '[class$="test"]'
override: '#override'
}
font-size: 3em
}
})
.test > div:
width: 200px
attribute:
option:
key: '[class$="test"]'
override: '#override'
font-size: 3em
.test > div {
width: 200px;
}
#override {
font-size: 3em;
}
ctr('.test > div', {
  width: 200px
  attribute: {
    option: {
      key: '[class$="test"]'
      override: '#override'
    }
    font-size: 3em
  }
})
.test > div {
  width: 200px;
}
#override {
  font-size: 3em;
}
.test > div:
  width: 200px
  attribute:
    option:
      key: '[class$="test"]'
      override: '#override'
    font-size: 3em

Notes