Check out this code snippet:
.signin-input{
input{
width: 100%;
height: 2.5rem;
color: black;
:placeholder-shown{
opacity: 1;
}
}
The CSS result looks like this:
.signin-input input :not(:placeholder-shown) {
opacity: 1;
}
An error is triggered due to a bad selector. How can we modify it so that Less handles it correctly, similar to this:
.signin-input input:not(:placeholder-shown) {
opacity: 1;
}