影響懸停

Question

其他元素的孩子的風格，我可以做到這一點的JavaScript，但我怎麼會去只用CSS實現這一點：

<table> 
    <tr> 
     <td> 
      Hover <a href="#info">me</a> 
     </td> 
    </tr> 

    <tr> 
     <th id="info"> 
      Info 
     </th> 
    </tr> 
</table> 

當錨鏈接被徘徊在所有我想要的是，該表標題「信息」受到影響。這些都是我試圖無效的：

a:hover #info 
{ 
    text-decoration: underline; 
} 

a:hover table tr > th#info 
{ 
    text-decoration: underline; 
} 

我錯過了什麼？

Answer 1

你不能選擇的鏈接做到這一點，但你可以針對父tr

這是因爲no parent selector或previous sibling selector

tr:hover + tr th#info { 
 
    text-decoration: underline; 
 
    background: red; 
 
} 
 
a { 
 
    display: inline-block 
 
}

<table> 
 
    <tr> 
 
    <td> 
 
     Hover <a href="#info">me</a> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <th id="info"> 
 
     Info 
 
    </th> 
 
    </tr> 
 
</table>