Hi people, I consider myself to know CSS quite well, but I've just started using Webstudio. So far I am enjoying using it, but I keep getting stuck with small things which I could solve quickly if I was hand-coding.
For instance, I want to style the invalid state of the input fields, and when I do the required fields get this state initially since they are empty, but required.
If I were hand coding I would do something like:
input:invalid:not(:focus):not(:placeholder-shown) {
border: 2px solid red;
background-color: #ffdddd;
}
But I can't write my own selectors in Webstudio. How do people handle this kind of situation?