カスタムCSSは私のLaravelのプロジェクトにLaravel

Question

で働いていない、私は次のCSSファイルにのcustom.cssで

<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/iCheck/css/all.css') }}" /> 
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/lib.css') }}"> 
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/skins/iot_skin.css') }}"> 
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/member/custom.css') }}"> 

クラスを持っていますこのクラスは機能しません！結果を得るためには、インラインでスタイルを設定する必要があります。

あなたは私が検索する必要がアイデアを持っているなら、私に知らせてください。ありがとう

Answer 1

まず、aと.active-linkの間にスペースを入れてはいけません。それは次のようになります。

a.active-link { 
    color: blue; 
} 

a .active-linkとa.active-linkとの違いは、コードの微妙な、しかし実装で非常に重要です。 a .active-linkは、クラスの要素を<a>要素内に選択することを意味します。一方、a.active-linkは、のクラスも持つ<a>要素を選択することを意味します。あなたの場合、の要素は、active-linkクラスを持つ要素と同じ要素なので、<a>要素が必要です。

第二に、あなたはそれがcolor: blue

a.active-link { 
    color: blue !important; 
} 

!importantを取得することを確認するために!importantを使用することができ、そのルールは、（この場合は青に色を設定）対象に適用されている他のすべてのcolorのルールを上書きすることを意味します素子。特定のルールが他のルールよりもどのように適用されるかについては、CSS-Tricks has a great article on CSS Specificity.