요소 스타일 색상을 변경하는 방법

Question

저는 wordpress를 사용하고 있으며 CSS로 h1/h3 제목을 변경하려고 시도하고 있지만 기울어집니다.

<div class="advisor-title-banner-header"> 
    <div class="hgroup"> 
     <a href="http://bashalaprairie.ca"> 
      <h1 style="color:#ffe2e2;">Basha La Prairie - (450) 444-1777</h1> 
      <h3 style="color:#ffe2e2;">La meilleure cuisine libanaise</h3> 
     </a> 
    </div> 
</div> 

문제 :

element.style { 
    color: #ffe2e2; 
} 

내가 빨간색으로 색상을 변경하고 싶습니다. 나는 시도했다 :

.element.style { 
    color: red important!; 
} 

그러나 그것은 효과가 없을 것이다.

웹 사이트 : www.bashalaprairie.ca

나는 바샤 라 프레리 (450) 444-1777의 텍스트 색상을 변경하려면 - 라 메이에르 흰색에서 레바논 요리 빨간색

덕분에!

Answer 1

귀하의 CSS 규칙은 느낌표가 important 키워드의 다른 방법에 간다 때문에 작동하지 않습니다 :

예 :

당신은 또한 당신의 요소를 지정해야

element.style { 
    color: red !important; 
} 

. H2의 경우, 규칙은 다음과 같아야합니다

h2.yourSpecificClass { 
    color: red !important; 
} 

또한, 당신은 두 번째 예 전에 추가 점 (.)가 있습니다. 당신은 클래스 선택기 .classname 및 축소 할 수있는 다른 일을 추가 할 수 있습니다 더 구체적으로 할 경우

h2 { 
    color: red; 
} 

를 작성할 수

Answer 2

읽기에 대한 CSS Selectors

는 모든 H2의 색상을 변경하기 위해 CSS를 만들려면 아래로 단일 요소.

또한 작성한 방법 대신 !important입니다.