2014-06-17 3 views
0

현재 블로그의 CSS 스타일 시트에는 블로그 (body, a, 헤더 등)의 대부분의 요소가 특정 글꼴 및 크기로 설정되어 있습니다. 필자는 진입 내용 제목 및 사이드 바 위젯 제목과 같은 특정 요소에 대한 다른 글꼴 모음과 글꼴 크기를! important 코드를 사용하여 기본 블로그 글꼴 및 크기를 무시하도록 설정했습니다. 갑자기 사이드 바 위젯 제목이 완전히 바뀌었을 때까지이 두 가지 상황을 처리하는 것이 좋습니다. 캐시가 계속해서 새로 고침되어 갑자기 등장한 오래된 CSS의 변경 사항이 아니기 때문에 이상합니다. 어쨌든, 내가하고있는 것처럼 보이는 것은 "Didot"폰트 크기 22px (입력 내용 제목에 사용 된 것과 동일한 설정) 인 설정 한 머리글 글꼴 (h1)을 사용하는 것입니다. 그러나 그 .widget h1은 글꼴 크기 14!로 중요하게 설정되며 상단과 하단에 테두리가 있습니다. 폰트 크기가 여전히 22이고, 이전에 볼 수 있었던 .hidget h1에 대해 설정된 상단 및 하단 테두리가 더 이상 표시되지 않으므로 더 이상 무시하지 않는 것이 중요합니다.CSS 스타일 시트의! important 코드로 덮어 쓰기

아무도 내가 이것을 어떻게 해결할 수 있는지 알고 있습니까? 여기 내 블로그 링크입니다 : http://MissSophisticate.com

+0

우우 ... "중요"가 많으며 "특이성"에 대해 읽어야합니다. http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/ http://css-tricks.com/specifics-on-css-specificity/ – Prashank

+0

당신이 명시 적으로 당신이 그것을 필요로하지 않는 한 당신은 중요하지 않아야하며,이 경우에는 당신이 필요 없다고 말할 수 있습니다. 재정의하려는 스타일과 동일한 특이성을 가진 요소를 선택하여 스타일을 재정의 할 수 있습니다. 사이트의 적절한 하위 테마를 설정 한 후에는 정상적으로 덮어 써야합니다. – Michael

+0

조언 해 주셔서 감사합니다. 나는 당신이 링크 한 특이성 기사를 이해하는 데 어려움을 겪고 있기 때문에이 CSS와 함께 완전한 초보자입니다. 어떤 클래스인지 또는 어떤 ID인지 확실하지 않습니다. 나는 단지 순서의 측면에서 헤더 (h1-h6)가 설정되고 ... 위젯이 설정되었다는 것을 알고 있으며, 그 다음에는 위젯 h1과 관련된 특정 위젯 제목이 있습니다. – user3696987

답변

0

일단 중요한 정보를 사용하기 시작하면 절대적으로 필요하지 않는 한! important를 사용하지 마십시오!

CSS의 특이성과 상속 규칙을 사용하여 특정 스타일을 오버라이드하는 것이 중요합니다. 이는 스타일 시트에서 스타일의 순서를 지정하고 선택기의 구체적인 방식을 의미합니다. 일단이 습관을 습득하면 사용할 필요가 없습니다 것을! 중요

그리고 당신의 특정 문제에 대답 ...

실수로 스타일 시트에 일부 HTML을 추가 한 것 같습니다

, 라인 78 ....

보고
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

제거하면 도움이됩니다!