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在哪里关闭?