提问人:Maurice 提问时间:11/17/2023 更新时间:11/17/2023 访问量:39
如何使用css选择器选择父母的兄弟姐妹div [duplicate]
How to use css selector to select sibling of parents div [duplicate]
问:
我想在输入字段有效或无效时选择标签。如何实现此目的?
<div class="amplify-flex" style="flex-direction: column;">
<fieldset class="amplify-flex" style="flex-direction: column;">
<span class="amplify-visually-hidden">
<legend>Sign in</legend>
</span>
<div class="amplify-flex amplify-field amplify-textfield">
<label class="amplify-label" for="amplify-id-:r4:">Email</label>
<div class="amplify-flex amplify-field-group amplify-field-group--horizontal" data-orientation="horizontal">
<div class="amplify-field-group__field-wrapper amplify-field-group__field-wrapper--horizontal" data-orientation="horizontal"><input aria-invalid="false" autocomplete="username" class="amplify-input amplify-field-group__control" id="amplify-id-:r4:" required="" type="text" name="username"></div>
</div>
</div>
答:
0赞
Maurice
11/17/2023
#1
.amplify-field:has(input:valid) label
查找具有有效输入字段且具有标签作为子级的所有类 (.amplify-field)
感谢@CBroe!
评论
:has()
*
是匹配任何类型元素的通用选择器。 将查找包含任何其他元素的元素。您的标签不包含任何元素,它只有文本内容。.amplify-label:has(*)
.amplify-label