2014-11-17 1 views
0

왜 그런지 모르겠지만 일부 또는 이상한 이유로 p 태그의 특정 스타일은 사용자 정의 스타일 시트 CSS를 사용할 때 스타일을 지정하지 않지만 인라인 할 때는 완벽하게 작동합니다. 이 practice.Using 부트 스트랩부트 스트랩 외부 스타일 시트 html

<h1 class="page-header">Properties</h1> 
    <div class="col-lg-4 main_content"> 
     <img class="img-responsive" src="images/home_image2.jpg" /> 
     <p>CHATHAM<br /> 
     London, Uk 
     </p> 
    </div> 

html에는 최고의 아니기 때문에

은 분명히 내가 인라인을 사용하지 않도록 노력하고있어.

CSS의 :

.main_content p { 
font-size:24px; 
background:#262626;} 

모두 글꼴 크기뿐만 아니라 배경색이 작동하지 않는 것

나는 ID로를 대상으로 시도

하지만 아무 소용.

+0

css를 부트 스트랩 한 후 사용자 정의 CSS를로드하고 있습니까? – Sasha

+0

예. 그러나 것은이다. CSS는 다른 모든 요소와 완벽하게 작동합니다. 그것은 단지 이것입니다. –

답변

0

오케이.

내가 생각해 낸 해결책은 div에 영향을 미치는 클래스의 이름을 변경하는 것이 었습니다.

검색을 통해 내가 다른 곳에서 사용하고 있는지 확인할 수 있었지만 아무 것도 나오지 않았지만이 솔루션은 완벽하게 정상적으로 작동했습니다.

이것은 내가 사용했던 이름 변경입니다.

.main_content_home p { 
font-size:20px; 
background:#262626; 
color:#FFF; 
padding: 12px; 
} 
0

사용이

.main_content p { 
font-size:24px !important; 
background:#262626 !important;} 
+0

나는 시도했다! 중요한 @amit jain @ Gorostas. 아직 아무것도. –

0

는 바이올린 http://jsfiddle.net/52VtD/9080/

작업

.main_content p { 
font-size:24px !important; 
background:#262626 !important; 
} 

사용해보십시오 그러나 중요한 것은, 내가 생각하지 말아! 사용 godd되지 않은 중요한 확인하세요!없이 작동 너 다른 css 어쩌면 너는 더 많은 수업을 무시하고있다. 만약에 너는 일하는 바이올린을 만들거나 우리에게 링크를 보내길 바란다.

0

또는 상위 등급으로 작성하십시오.

.page-header .col-lg-4.main_content p { 
    font-size:24px; 
    background:#262626; 
} 
+0

사용하지 마십시오. 부트 스트랩의 특정 요소를 대상으로하는 문제인 것 같습니다. –

+0

예. 본문 .page-header .main_content p { 글꼴 크기 : 24px; 배경 : # 262626; } –

+0

. 존재하는 경우 .page-header 클래스 앞에 모든 기본 클래스를 작성하십시오. like, '.container .inner-container .sample-div .page-header p {' –