css子组合器选择器中的第一个元素

css子组合器选择器中的第一个元素,css,Css,我有这样一个密码: section#secondSite { visibility: hidden; } section:hover ~ section#secondSite { visibility: visible; } 这就行了。但是,我必须在第一个选择器中更加精确,因为我有3个主要部分。不管我怎么做,它都不起作用了。例如: section#section1:hover ~ section#secondSite { section.section1:hover ~ se

我有这样一个密码:

section#secondSite {
    visibility: hidden;
}

section:hover ~ section#secondSite {
    visibility: visible;
}
这就行了。但是,我必须在第一个选择器中更加精确,因为我有3个主要部分。不管我怎么做,它都不起作用了。例如:

section#section1:hover ~ section#secondSite {
section.section1:hover ~ section#secondSite {
.section1:hover ~ section#secondSite {
section[id="section1"]:hover ~ section#secondSite {
我做错了什么

//编辑:

以下是简化的html:

   <section id="container">
<section id="section1"><a href="#secondSite">
<h3>Rehabilitacja domowa</h3>
<hr>
<img src="pliki/fizykoterapia.jpg" alt="fizykoterapia">
Rybnik i okolice
</a>
</section>

    <section>
<h3>Gabinet<br>rehabilitacji</h3>
<hr>
<img src="pliki/fizykoterapia.jpg" alt="fizykoterapia">
    some address data
</section>

    <section>
<h3>Gabinet<br>masażu</h3>
<hr>
<img src="pliki/fizykoterapia.jpg" alt="fizykoterapia">
    some address data
</section>

    </section>         <!-- HERE SECTION CONTAINER ENDS -->

    <!-- SECOND SITE -->

    <section id="secondSite">
<section>

Gabinet
康复中心
一些地址数据 Gabinet
masażu
一些地址数据
我有,但由于我添加了微数据xD,所以它非常不可读。好的,我要准备一些东西。您首先使用了“+”组合符,但后来使用了“~”。你确定“~”在你的UA中可以使用动态的东西,比如:悬停?出于性能原因,可能不支持它。是的,只是输入错误。我两个都试过了,所以它还在那里。但我想它应该与~一起工作。已修复。在上运行正常,因此您的错误一定在其他地方。secondSite在哪里关闭?