CSS 우선 순위 및 워드 프레스

지난 몇 일간 내 Wordpress site과 PunBB 포럼을 시각적으로 통합하려고 노력해 왔으며 CSS로 벽을 치고 있습니다. 현재 저는 Wordpress의 머리말과 꼬리말 사이에 포럼을 만들었지 만, Wordpress의 CSS 스타일 시트는 PunBB의 시트와 상충되는 것처럼 보입니다.CSS 우선 순위 및 워드 프레스

은 스택 오버플로에 여기 권장 사항에 따라, 나는 나서서 포럼에서의 모든 내에 있다는 사실을 이용 걸린 <div id="mid-inner">이주는 포럼 스타일 시트의 모든 CSS 규칙에 #mid-inner을 추가 :

... 
#mid-inner body { 
    background:url(../bg.png) repeat-x #6a0a0a;/*#213f53;*/ 
    color: #222; 
} 
#mid-inner a:focus { 
    outline: 0; 
} 
#mid-inner a:link, 
#mid-inner a:visited, 
#mid-inner .js_link { 
    color: #387ca6; 
    text-decoration: none; 
} 
#mid-inner a:hover, 
#mid-inner a:active, 
#mid-inner a:focus { 
    color: #CD0021; 
    text-decoration: underline; 
} 
...

그러나 이것은 제대로 작동하지 않았습니다. 웬일인지, Wordpress 주제는 PunBB 주제의 CSS를 오버라이드하는 것을 주장한다. 그리고 내가 무엇을 놓치고 있는지 알 수 없다. 아마 우선 순위와 관련이있을 것이다. 다음은 Wordpress 테마, PunBB 테마 및 엉망진창 하이브리드 테마의 빠른 앨범입니다 : Imgur link. 어쨌든, 나는 뭔가 잊어 버리고 있다고 확신하지만, Wordpress Stack Exchange는 아직 많은 도움이되었습니다. 더 많은 정보를 추가해야하는 경우 알려 주시고 미리 감사드립니다!

출처

2012-07-16 Kyle R.

Wordpress 머리글과 바닥 글의 코드를 게시 할 수 있습니까? 나는보고 싶다. 감사! –

나는 혼자서 문제를 해결했다. 그러나 3 년이 지난 지금, 나는 그것을 교정하기 위해 무엇을했는지 모른다. –

, 당신의 CSS는 valid 있는지 확인하고 규칙이 적용되고있는 볼 브라우저가 제공하는 도구 (쵸메 개발자 도구, Firefox 용 방화범 확장 등)를 사용 (특히 specificity 섹션을) the rules for cascading보기 당신이 어떤 순서로 관심을 갖는지.

출처

2012-07-16 06:04:07 Quentin

나는 CSS를 이미 검증했고, 이전에 계단식 및 특이성에 관한 규칙을 읽었으며 어떤 규칙이 어떤 요소에 적용되는지 확인할 수 있었다. 왜 그런 일이 일어나는 지 모르겠습니다. –

CSS 우선 순위 및 워드 프레스

답변

관련 문제