改變H1懸停顏色僅供鏈接

Question

我試圖找出如何改變懸停顏色，但只有當文本具有一個鏈接

這是CSS代碼，但它帶有或不帶有鏈接改變顏色

h1, h2, h3, h4 { 
color:#3F3F3F; 
} 

h1:hover, h2:hover, h3:hover, h4:hover { 
color:#000000; 
} 

Answer 1

你正在尋找的anwser很簡單：

h1 a:hover, h2 a:hover, ect { 
    color:#000000; 
} 

你說應該徘徊改變顏色，這是不是你想要的東西時的標題。 現在它說，包含鏈接（a）的標題在被徘徊時應該改變顏色。 ;）

Answer 2

樣品：

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { 
    color:grey; 
} 

Answer 3

這將取決於你如何結構化的聯繫。

有兩個基本品種。

a）標題內的鏈接。在這種情況下：

a { 
 
    color: red; 
 
    text-decoration: none; 
 
} 
 
h1 a:hover { 
 
    color: blue; 
 
}

<h1><a href="#">Link Inside Heading</a></h1>

b）中的內部鏈路標題。在這種情況：

a { 
 
    color: red; 
 
    text-decoration: none; 
 
    border: 1px solid grey; 
 
    display: inline-block; 
 
} 
 
a:hover { 
 
    color: green; 
 
} 
 
/* or */ 
 

 
h1 { 
 
    background: #c0ffee; 
 
} 
 
a h1:hover { 
 
    color: pink; 
 
}

<a href="#"><h1>Heading Inside Link</h1></a>