I am looking to enhance the scope of my selectors. One effective method, in my opinion, is to target a CSS selector and return a combination of mySelector and oldSelector
For instance, if I have .old { background: black; }
, I would modify it to
.mySelector .old { background: black; }
Consider this CSS code snippet:
.a
{
background: red;
}
#b {
background: green;
}
input {
background: blue;
}
[type=custom] {
background: white;
}
I attempted to use .+?{
, but it selected unnecessary parts. Reversing {.+?}
might work, but I am unsure how to achieve that. Any suggestions?