Html 带有：after的占位符属性

我有一些输入字段是必需的，有些不是。我希望以占位符属性为目标，然后使用：after伪类在文本末尾添加一个星号，将字段标记为所需字段

下面我以占位符和伪类为目标

CSS 这很好，但我无法用必需的类实现

HTML 对于如何选择require类和：after伪类，我有点不知所措。任何帮助都将不胜感激

提前感谢您的帮助

input.require::-webkit-input-placeholder:after {
   content: '*';
   color: darkred;
   font-size: 1.5rem;
}

<input type="text" class="require" placeholder="Last Name" id="last-name"/>

input.require > ::-webkit-input-placeholder:after {
   content: '*';
   color: darkred;
   font-size: 1.5rem;
 }

input.require::-webkit-input-placeholder:after {
   content: '*';
   color: darkred;
   font-size: 1.5rem;
}