레일즈에서 하이퍼 링크 스타일 덮어 쓰기

Question

CSS 스타일에 부트 스트랩을 사용합니다. 나는 가짜 버튼과 링크를하고 싶습니다, 그래서 나는 호버 스타일을 해제해야합니다

a:hover { 
     color: #00438a; 
     text-decoration: underline; 

을}

내가 가져가 내 html 파일의 속성 (과를 대체 할 방법

에 정의 된 내용을 덮어 쓸 수 없습니다 부트 스트랩).

감사합니다.

Answer 1

특정 ID 태그의 스타일을 지정하십시오.

a:hover { 
    color: #00438a; 
    text-decoration: underline; 
} 

a#some_id_tag_name:hover { 
    color: #00438a; 
    text-decoration: underline; 
} 

에 또는 당신은 스타일을 다시 사용하려는 경우 우선 특정 클래스를 만듭니다

그래서 변경합니다.

a.some_class_tag_name:hover { 
    color: #00438a; 
    text-decoration: underline; 
} 

Answer 2

당신은 실제로 CSS 스타일 "해제"할 수 없습니다, 당신은 명시 적으로 다른 뭔가로 설정할 수 있습니다합니다 (inherit 값은 예외 다소 인). 어쨌든, 귀하의 경우 :

.my-class:hover { 
     color: {YOUR_COLOR}; 
     text-decoration: none; 
} 

:

• 당신의 스타일

뭔가 같은 정의 스타일 시트

을에

그것을 위해 새 규칙을 만들기 귀하의 링크에 class 추가

인라인 스타일과 !important을 사용할 수도 있습니다. 실제로는 다음과 같습니다.가능한 경우 두 번째 방법을 피하십시오 (예 : 거의 언제나).