実行時に継承されたテキストの色を濃くしますか？

Question

私はテキストの色が継承される要素があるとします。

element { color: inherited} 

私もhoverでこれを暗くしたいと思います：

element:hover { color:darker(10%) } 

は、純粋なCSS（ノージャバスクリプト）をだますあり/これはかなり良いブラウザのサポートをハック？

Answer 1

あなたは達成したいものに近づくためにフィルターを使うことができます。

添付デモ

.p{ 
 
    color: blue; 
 
    font-size: 2em; 
 
    text-transform: uppercase; 
 
    font-weight:bold; 
 
    font-family:arial, sans-serif; 
 
} 
 

 
.c:hover{ 
 
    filter: brightness(0.2) 
 
}

<div class="p"> 
 
    <div class="c">hello</div>

を見ます