2016-09-09 5 views
0

link에서 웹 사이트 템플릿을 다운로드했습니다. index.html 페이지의 탐색 메뉴에서 아이콘의 스타일을 변경하려면 어떻게해야합니까?awesome의 스타일을 바꿀 수 없습니다.

<i class="fa fa-home" style="color:black; font-size:48px"></i><a href="index.html">Home</a> 

그래서 나는 새로운 클래스 "FA-가정에"

.fa-home-a { 
color:black; 
} 

을 통해 스타일을 소개하고이

<i class="fa fa-home fa-home-a"></i><a href="index.html">Home</a> 

내 html로 변경이 didnt 한 일 하지만이 중 하나로서 작동하지 않았다

+0

어떤 스타일로 스타일을 변경하려고합니까? '홈'인 경우 닫기은 – curt

+0

@ 커트 뒤에 올 필요가 있습니다. 홈 글꼴이 아닌 멋진 글꼴 아이콘을 변경하고 싶습니다. –

답변

0
<i class="fa fa-home" style="color:black; font-size:48px"></i><a href="index.html">Home</a> 

인라인 스타일 참조에서 문제가 발생했음을 알고 싶습니다. 누락 된 세미콜론이 있습니다.

+0

답변 해 주셔서 감사합니다. 코드에서 확인했습니다. 문제가 아닙니다 :) –

0

해결책을 찾았습니다. 나는

#hornav li [class^="fa-"]:before, 
#hornav li [class*=" fa-"]:before { 
... 
color:#ffd602; 
} 
0

수정 된 클래스가

.fa-home { color:black; font-size:80px; }

입니다 외부 CSS를 FA-곳입니다 원래 클래스를 사용하고 적용 사용하지 마십시오 코드의 다음 부분에 "색상"속성을 추가 이것이 작동하지 않으면 부모 클래스의 refrence를 주어야합니다

관련 문제