css通过子元素选择父元素

在CSS中，直接通过子元素选择父元素是不可行的，因为CSS的选择器是从父元素向子元素的方向工作的，而不支持子元素向父元素的反向选择。

如果你需要通过子元素的状态来改变父元素的样式，你可以使用一些间接的方法来实现这个需求。以下是一些常用的方法：

1. 使用后代选择器（Descendant combinator）:

.parent .child {
    /* 样式 */
}

2. 使用类（Class）或者属性（Attribute）选择器，在父元素上添加特定的类或属性，然后通过这个类或属性选择父元素：

.parent.active {
    /* 样式 */
}
 
/* 或者 */
 
.parent[data-active="true"] {
    /* 样式 */
}

3. 使用JavaScript来动态改变父元素的类或样式：

document.querySelector('.child').addEventListener('event', function() {
    this.closest('.parent').classList.add('active');
    // 或者直接修改样式
    this.closest('.parent').style.color = 'red';
});

请注意，虽然CSS本身不支持直接通过子元素选择父元素，但是在未来的CSS选择器中可能会引入子元组选择器（:has()），该选择器可以实现通过子元素选择父元素的功能，但是这个选择器目前还没有标准化，并且在现代浏览器中还不被支持。