Html 为什么我的元素在悬停时不改变样式？

我知道其他人也有类似的问题，但他们的解决方案并不奏效。 出现以下情况的原因是什么

div.line_container:hover #sidebar_loader1 {
z-index: 2;
}

上述代码确实更改了z索引

div:hover #sidebar_loader1 {
z-index: 2;
}

但这一个是

这是什么原因，因为我需要知道，因为当悬停以更改样式时，我只需要该类。请帮忙

我的HTML代码

<img src="" alt="image" id="logo">

<div class="line_container">
    <img src="http://png.findicons.com/files/icons/1580/devine_icons_part_2/128/png.png" alt="IMAGE" class="line_image">
    <span class="line_text">
        THIS IS SOME SAMPLE TEXT >
    </span>
</div>

<div class="sidebar_loader" id="sidebar_loader1">
    TEST for 1
</div>

<div class="line_container">
    <img src="http://png.findicons.com/files/icons/1580/devine_icons_part_2/128/png.png" alt="IMAGE" class="line_image">
    <span class="line_text">
        THIS IS SOME SAMPLE TEXT >
    </span>
</div>

<div class="sidebar_loader" id="sidebar_loader2">
    TEST for 2
</div>

<div class="line_container">
    <img src="http://png.findicons.com/files/icons/1580/devine_icons_part_2/128/png.png" alt="IMAGE" class="line_image">
    <span class="line_text">
        THIS IS SOME SAMPLE TEXT >
    </span>
</div>

<div class="sidebar_loader" id="sidebar_loader3">
    TEST for 3
</div>

</div>

这是一些示例文本>
测试1
这是一些示例文本>
测试2
这是一些示例文本>
测试3分钟

id为

侧栏加载器1的div

未嵌套在任何带有class

行加载器的div中

id为

侧栏加载器1的div

未嵌套在带有class

行加载器的div中
id为
侧栏加载器1的div未嵌套在任何带有class
行加载器的div中
line\u容器
id为
sidebar\u loader1
的div未嵌套在具有class
line\u容器的任何div中
sidebar\u loader\u 1
的子体，因此使用子体组合符（空格）是不正确的

试试兄弟组合器。
+
或
~
应该可以工作。
侧栏加载器1
不是
div.line\u容器的后代，因此使用后代组合符（空格）是不正确的

试试兄弟组合器。
+
或
~
应该可以工作。
侧栏加载器1
不是
div.line\u容器的后代，因此使用后代组合符（空格）是不正确的

试试兄弟组合器。
+
或
~
应该可以工作。
侧栏加载器1
不是
div.line\u容器的后代，因此使用后代组合符（空格）是不正确的

试试兄弟组合器。无论是
+
还是
~
都应该有效。
如果没有HTML标记，我们什么都看不出来。从CSS的角度来看，它应该可以正常工作，您所做的并不是错误的。可能的情况是，您正在使用的选择器在悬停时已经有一个z索引值，并且您的样式没有覆盖它。我已经上传了代码。请帮助
div.line_container:hover#sidebar_loader1
说
#sidebar_loader1
必须是
div.line_container
的子容器，但事实并非如此。不是孩子，是兄弟姐妹。使用第二个选项时，将选择器更改为
div.line_container:hover~#sidebar_loader1
，因为您也使用
#side#u bar_container
将其悬停在顶部div上。没有HTML标记，我们无法分辨任何内容。从CSS的角度来看，它应该可以正常工作，您所做的并不是错误的。可能的情况是，您正在使用的选择器在悬停时已经有一个z索引值，并且您的样式没有覆盖它。我已经上传了代码。请帮助
div.line_container:hover#sidebar_loader1
说
#sidebar_loader1
必须是
div.line_container
的子容器，但事实并非如此。不是孩子，是兄弟姐妹。使用第二个选项时，将选择器更改为
div.line_container:hover~#sidebar_loader1
，因为您也使用
#side#u bar_container
将其悬停在顶部div上。没有HTML标记，我们无法分辨任何内容。从CSS的角度来看，它应该可以正常工作，您所做的并不是错误的。可能的情况是，您正在使用的选择器在悬停时已经有一个z索引值，并且您的样式没有覆盖它。我已经上传了代码。请帮助
div.line_container:hover#sidebar_loader1
说
#sidebar_loader1
必须是
div.line_container
的子容器，但事实并非如此。不是孩子，是兄弟姐妹。使用第二个选项时，将选择器更改为
div.line_container:hover~#sidebar_loader1
，因为您也使用
#side#u bar_container
将其悬停在顶部div上。没有HTML标记，我们无法分辨任何内容。从CSS的角度来看，它应该可以正常工作，您所做的并不是错误的。可能的情况是，您正在使用的选择器在悬停时已经有一个z索引值，并且您的样式没有覆盖它。我已经上传了代码。请帮助
div.line_container:hover#sidebar_loader1
说
#sidebar_loader1
必须是
div.line_container
的子容器，但事实并非如此。不是孩子，是兄弟姐妹。使用第二个选项时，将选择器更改为
div.line_container:hover~#sidebar_loader1
，因为您还使用
#side#bar_container
将光标悬停在顶部div上。非常感谢。真不敢相信我竟然忘了。谢谢谢谢，我可以问你如何选择合适的容器吗？侧面的容器{宽度：50px；}非常感谢。真不敢相信我竟然忘了。谢谢谢谢，我可以问你如何选择合适的容器吗？侧面的容器{宽度：50px；}非常感谢。真不敢相信我竟然忘了。谢谢谢谢，我可以问你如何选择合适的容器吗？侧面的容器{宽度：50px；}非常感谢。真不敢相信我竟然忘了。谢谢谢谢谢谢，我能问你如何选择合适的集装箱行吗？集装箱行如何选择宽度：50px；}集装箱行如何选择宽度：50px；}集装箱行如何选择宽度：50px；}集装箱行如何选择宽度：50px；}集装箱行如何选择宽度：50px；}集装箱行如何选择宽度：50px；}集装箱行如何选择宽度：50px；}集装箱行如何选择宽度：50px；}集装箱行如何选择宽度：50px；}{width:50px；}对于line_容器#side_bar_容器{width:50px；}我需要做什么