懸停上的高光值

-3

我試圖突出顯示.category-value類中的文字懸停在div類別month-hover上以應用#197ABF顏色。即「Jan」將文本的顏色爲#197ABF懸停在div上。懸停上的高光值

我嘗試應用下面的CSS，但不工作（因爲它突出顯示只在鼠標懸停在Jan或Feb上）。

.month-hover>.category-title:hover{ 
    color:#197ABF; 
}

Plunker鏈接here

來源

2017-08-15 forgottofly

解決通過添加'.month懸停：懸停。類別標題{ 顏色：＃197ABF; 'Plunker鏈接https://plnkr.co/edit/eXJewR?p=preview – forgottofly

您在category-title課前忘了點（.）：

.month-hover > .category-title:hover { 
    color: #197ABF; 
}

來源

2017-08-15 08:26:13

這是改變1月的懸停。但我想改變顏色懸停的div與藍色邊框 – forgottofly

@forgottofly所以，爲什麼這不是你的問題嗎？ –

@ Robby.Guess我的問題困惑用戶。編輯我的問題.. – forgottofly

這工作如果父類，然後子類。這會在盤旋時改變文字的顏色。（錯過了.）

.month-hover .category-title:hover{ 
    color:#197ABF; 
}

要改變文本的顏色，當DIV懸停很簡單，

全碼：

.margin-set{ 
 
    margin:35px; 
 
} 
 
.category-title{ 
 
    font-size:15px; 
 
} 
 
.category-value{ 
 
    font-size:45px; 
 
    color:#197ABF; 
 
} 
 

 
.month-hover{ 
 
    cursor: pointer; 
 
    border: solid transparent 2px; 
 
} 
 
.month-hover:hover { 
 
    border-color: #197ABF; 
 
    color:#197ABF; 
 
} 
 
/*.month-hover>.category-title:hover{ 
 
    color:#197ABF; 
 
} 
 
.month-hover >.category-title:hover{ 
 
    color:#197ABF; 
 
} */

<!DOCTYPE html> 
 
<html> 
 

 
    <head> 
 
    <link data-require="[email protected]" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" /> 
 
    <link rel="stylesheet" href="bootstrap-5-columns.css" /> 
 
     <link rel="stylesheet" href="style.css" /> 
 

 
    </head> 
 

 
    <body> 
 
    <div class="container margin-set"> 
 
     <div class="row"> 
 
     <div class=" col-md-6 month-hover"> 
 
     <div class="col-sm-5th-2 category-title">Jan</div> 
 
     <div class="col-sm-5th-3 category-value">2017</div> 
 
     </div> 
 
     <div class=" col-md-6 month-hover"> 
 
     <div class="col-sm-5th-2 category-title">Feb</div> 
 
     <div class="col-sm-5th-3 category-value">2017</div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </body> 
 

 
</html>

只需添加顏色div的懸停。

結果：

（藍色箭頭是其中所述小鼠是在）

來源

2017-08-15 08:27:20 Hash

這是改變懸停的Jan.But我想改變顏色懸停的div與藍色邊框 – forgottofly

@forgottofly編輯，見答案。 – Hash

這可以工作

.month-hover .category-title:hover{ 
    color:#197ABF; 
}

來源

2017-08-15 08:29:42

懸停上的高光值

回答

相關問題