Html 使用纯CSS将类添加到父类

span单击

颜色更改

span:focus~。要更改{
颜色：红色；
}

我要变成红色了！这将是勒根。。。等等
点击我该
~
引用元素后面的所有同级。在您的示例中，要更改的
。
是以前的兄弟姐妹。您可以在dom中按需要的顺序放置它们，然后使用
flex
和
order


span:focus~。要更改{
颜色：红色；
}
.集装箱{
显示器：flex；
弯曲方向：立柱；
}
.容器。待更改{
顺序：1；
}
.货柜跨度{
顺序：2；
}

点击我！
我要变红了！这将是勒根。。。等等
该
~
表示元素后面的所有同级。在您的示例中，要更改的
。
是以前的兄弟姐妹。您可以在dom中按需要的顺序放置它们，然后使用
flex
和
order


span:focus~。要更改{
颜色：红色；
}
.集装箱{
显示器：flex；
弯曲方向：立柱；
}
.容器。待更改{
顺序：1；
}
.货柜跨度{
顺序：2；
}

点击我！
我要变红了！这将是勒根。。。等等

.parent{display:flex；}
span{顺序：2；}
.待更改{顺序：1；}
span:active~。要更改{
颜色：红色；
}

点击我！
我要变红了！这将是勒根。。。等等

.parent{display:flex；}
span{顺序：2；}
.待更改{顺序：1；}
span:active~。要更改{
颜色：红色；
}

点击我！
我要变红了！这将是勒根。。。等等