Как работают `:required` и `:optional`?

• :required — элемент с атрибутом required
• :optional — элемент без required
• Работает на: input, select, textarea

input:required { border-left: 3px solid red; }
input:optional { border-left: 3px solid gray; }