This message was deleted.
# help
s
This message was deleted.
c
Hey @Christopher Rucinski, one option you’d have is to use wildcard selectors as described here: https://www.geeksforgeeks.org/wildcard-selectors-and-in-css-for-classes/
👍 1
e.g.
[class^="controlPanel"].[class$="__field"]
to match the
.controlPanel-hxswlo9d0ui__field
class
👍 1
c
Thanks, I looked into this and it seems very plausible. I asked ChatGPT to help create some selectors and I seen you can combine multiple ones together and then seen that was possible via the examples at https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors. Very cool
Copy code
[class|="controlPanel"][class$="__field"] {
  /* styles for elements that start with "controlPanel" and end with "__field" */
}

[class|="controlPanel"][class$="__label"] {
  /* styles for elements that start with "controlPanel" and end with "__label" */
}
It works!!
c
Nice 🙂