html - 一个 Div 影响另一个

Question

我已经尝试过 +、控制台符号、< 和 >。他们不工作，任何人都可以为我做这个代码吗？我已经弄乱它​​一个小时了，我似乎无法找到解决方案。

抱歉之前的帖子。

HTML

          <ul>  
            <li id="meist">  
                <p><a href="meist.html">Meist</a></p>  
            </li> 
            <li id="seadmed">  
                <p><a href="seadmed.html">Seadmed</a></p>  
            </li> 
           <li id="tooted">  
                <p><a href="tooted.html">Tooted</a></p>  
            <li id="hooldus">  
                <p><a href="tooted.html">Tooted</a></p> 
         <li id="kontakt">  
                <p><a href="kontakt.html">Kontakt</a></p> 
        </ul>

<ul>
    <li id="submeist"> <p> ASD </p>
    </li>
</ul>

CSS

     #meist {  
        display: inline;
        float:left;
        width:180px;  
        height:50px;  
        color:#191919;  
        text-align:center;  
        overflow:hidden; 
        background:#990000;
        -moz-border-radius-top-left: 50px;
        border-top-left-radius: 50px;

    } 

    #submeist {
        display:block;
        color:#ccc;
    }

    #meist:hover < li #submeist{
    color: #000
}

   #meist:hover
    {  
        text-decoration: underline;
        color: white;
        font-size: 17.5px; 
        line-height: 15px;
    } 

Answer 1

这是最近的解决方案。

HTML:

<ul id="meist">  
            <li>  
                <p><a href="meist.html">Meist</a></p>  
            </li> 
            <li id="seadmed">  
                <p><a href="seadmed.html">Seadmed</a></p>  
            </li> 
           <li id="tooted">  
                <p><a href="tooted.html">Tooted</a></p>  
            <li id="hooldus">  
                <p><a href="tooted.html">Tooted</a></p> 
         <li id="kontakt">  
                <p><a href="kontakt.html">Kontakt</a></p> 
        </ul>

<ul id="submeist">
    <li class="submeist-sub"> <p> ASD </p>
    </li>
</ul>

CSS:

#meist {  
        display: inline;
        float:left;
        width:180px;  
        height:50px;  
        color:#191919;  
        text-align:center;  
        overflow:hidden; 
        background:#990000;
        -moz-border-radius-top-left: 50px;
        border-top-left-radius: 50px;

    } 

    #submeist {
        display:block;
        color:#ccc;
    }

    #meist:hover + #submeist > .submeist-sub{
    color: #000
}

   #meist:hover
    {  
        text-decoration: underline;
        color: white;
        font-size: 17.5px; 
        line-height: 15px;
    } 

演示:

http://jsfiddle.net/jTBx5/