css条件选择器has，给layui必填表单的label增加红色星号

使用lay-reqtext而不应lay-verify或者lay-verify="required"，是为了防止 lay-verify="required|monolog" 和 lay-verify=“自定义验证规则”（有时候不是必填项，但是填写以后要检查格式）。

.layui-form-label:has(+div input[lay-reqtext]） :has条件选择器，括号里是选择条件，+div 兄弟元素里紧跟着的div，div里含有lay-reqtext属性的input
选择满足后边紧跟着div并且div里有含有lay-reqtext属性的input的layui-form-label

/*补充或覆盖layui样式，加载layuicss的时候加载这个css*/
.layui-form-label:has(+div input[lay-reqtext],+div select[lay-reqtext],+div textarea[lay-reqtext]):after{
   content:"*";
   color: red;
}

 

如果lay-reqtext不是必须的 或者 缺失提示需要根据情况提示的时候，该方法不好。最好是能通过lay-verify选择，只是不知道怎么写能同时选择 lay-verify=“required” 和 lay-verify=“required|...” 这两种情况。 

能不能select[属性 like 值] ？？

百度了一番，没想到还真有

[class^='icon'],
  [class*=' icon'] {
    width: 100px;
    height: 100px;
    background-color: red;
  }

[class^='icon'] 含有icon开头的class属性

[class*=' icon']名称里包含有cion的class属性，只是，为什么有空格？这是要选择icon不在class列表第一个的元素

照着修改一下input[lay-verify*='required']

于是

.layui-form-label:has(+div input[lay-verify*='required'],+div select[lay-verify*='required'],+div textarea[lay-verify*='required']):after{
    content:"*";
    color: red;
}

 

同理，单选，多选是不是也可以这样，遇到再说