사용자 정의 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> 요소를 선택하십시오."라는 의미입니다. 귀하의 경우 요소는 <a> 요소가 active-link 클래스와 동일한 요소이므로 필요합니다.

둘째, 당신은 color: blue

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

!important가 (파란색으로 색상 설정이 경우) 해당 규칙이 대상에 적용되는 다른 모든 color 규칙보다 우선한다는 것을 의미 얻을 수 있도록 !important을 사용할 수 있습니다 요소.