<div class="name" data-gender="man">鈴木良雄</div>
<div class="name" data-gender="woman">中村やす子</div>
.list li .data .name[data-gender="man"] {
color: blue;
}
.list li .data .name[data-gender="woman"] {
color: red;
}
.list2 li:has(.name[data-gender="man"]) {
border: 1px solid blue;
color: blue;
}
.list2 li:has(.name[data-gender="woman"]) {
border: 1px solid red;
color: red;
}
.list2 li:has(.name[data-gender="man"]) figure::after {
content: '男性';
}
.list2 li:has(.name[data-gender="woman"]) figure::after {
content: '女性';
}