<!DOCTYPE html>
<html>
<!-- There was a bug that styles are unexpectedly shared regardless of required status difference. -->
<head>
<style>
:required:valid {
    color: red;
}
</style>
</head>
<body>
<input required value="required">
<input value="optional">
</body>
</html>