Html 是否存在某一类型的所有同级的css选择器?

Html 是否存在某一类型的所有同级的css选择器?,html,css,Html,Css,假设我有3个输入,2个类型=文本,1个类型=按钮 有没有办法选择按钮的所有同级文本类型 例如,在按钮悬停时应用背景:黄色;到它的文本 li输入{ 保证金:3倍; } li[类型=按钮]{ 背景:红色; 颜色:白色; 边框:1px纯灰; } li:悬停[类型=按钮]{ 背景:白色; 颜色:红色; } CSS只能处理当前元素中的未来元素,所以您不能选择 我也建议使用课堂,但这取决于你 可以使用~选择以下同级元素,并将元素反向放置: [类型=按钮]:悬停~[类型=文本]{ 边框:1px纯红; }

假设我有3个输入,2个类型=文本,1个类型=按钮

有没有办法选择按钮的所有同级文本类型

例如,在按钮悬停时应用背景:黄色;到它的文本

li输入{ 保证金:3倍; } li[类型=按钮]{ 背景:红色; 颜色:白色; 边框:1px纯灰; } li:悬停[类型=按钮]{ 背景:白色; 颜色:红色; }
CSS只能处理当前元素中的未来元素,所以您不能选择

我也建议使用课堂,但这取决于你

可以使用~选择以下同级元素,并将元素反向放置:

[类型=按钮]:悬停~[类型=文本]{ 边框:1px纯红; } 输入{ 浮动:对; }
CSS只能处理当前元素中的未来元素,所以您不能选择

我也建议使用课堂,但这取决于你

可以使用~选择以下同级元素,并将元素反向放置:

[类型=按钮]:悬停~[类型=文本]{ 边框:1px纯红; } 输入{ 浮动:对; }
我理解了第一部分,我只是不太明白在父项上应用悬停是一个更好的解决方案,因为我只想在按钮悬停时应用样式,而不是整个系列。如果你真的不想使用包装器,你可以使用flexbox和order。这里有一个例子:@BunyamiN但是。。。您仍然使用包装器。这是包装纸@Justinas是的,我可以删除,但是会变成包装,您需要让它与flex一起工作。我同意在父项上使用鼠标悬停是更好的解决方案。我理解了第一部分,我只是不太理解在父项上应用鼠标悬停是如何更好的解决方案,因为我只想在按钮悬停时应用样式,而不是整个家族。如果你真的不想使用包装器,你可以使用flexbox和order。这里有一个例子:@BunyamiN但是。。。您仍然使用包装器。这是包装纸@Justinas是的,我可以删除,但是会变成包装,您需要让它与flex一起工作。我同意在父母身上使用鼠标悬停是更好的解决方案。