asp.net-mvc-4 - MVC 4 プロジェクト テンプレート特集セクションの背景色: Chrome では変更できません

Question

MVC 4 インターネット アプリケーション プロジェクトのホームページの「特集」(水色) セクションの背景色を変更しようとしています。これは Firefox で問題なく動作します。Chrome に変更は見られません。常に元の水色です。なんで？

.featured .content-wrapper {
    background-color: #ffffff;

Answer 1

MVC4 アプリケーションのデフォルトの Site.css には、次の行があります。

background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);

内部

.featured .content-wrapper { }

background-color: #ffffff;Chrome はルールよりも高い優先度でそれらを使用するため、注目のテキストの背景は青色のままです。