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

时间:2013-11-10 20:42:23

标签: css3

我有这样的代码:

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>

0 个答案:

没有答案