ボタン上にマウスをおくとボタンにある文字の色を変換するcssを使おうとしてます。
railsのpublic/
下にcssファイルを置くと期待通り正常に動きましたが、
app/assets/stylesheet/
下においてasset precompile実行してみると予想した動きになりません。
chromeのdeveloper toolsでcompileされたcssファイルがあるかみてみましたが、
該当cssファイルはちゃんと含まれてました。
この場合、他考えられる原因がありましたら教えていただけますか。
またcssファイルが適用されてない場合、原因を調べられるトラブルシューティング方法がありましたらご教示いただけますでしょうか
念のため適用しようとしてるcssの設定を貼り付けておきます。
a,a:hover { color: #d43076; } .intro .page-scroll a:hover { color: #d43076; } .icon:hover .fa{ color: #d43076; } ul.nav li a:hover { color: #d43076; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #d43076; } .bg-skin { background: #d43076; } form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus { border-color: #d43076; } footer { background-color: #d43076; } .btn-skin { color: #fff; background-color: #d43076; border-color: #d43076; }
以上、よろしくお願いします
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。