2011-12-30 4 views
-5

두 개의 반쪽으로 오히려 어리 석음으로 만든 사이트가 있습니다. 나는 이제 그들을 하나의 완전한 완성 된 사이트로 합병하는 과정에있다. 문제는 내가 CSS 내에 레이어가 있다는 것입니다. 나는 당신이 충분히 이해할 수 있도록 도와주기를 바랍니다.두 사이트를 병합하는 중입니다

사이트 1과 사이트 2는 완성 된 사이트 인 사이트 3의 절반입니다.이 용어를 쉽게 사용하려면 사이트 1에 login/register/index/membersindexheader가 있어야합니다. 사이트 2는 membersindex 및 기타 제한된 파일과 같은 구성원 페이지가있는 것으로 구성됩니다. 자, 문제. 사이트 2의 페이지에서 사이트 1에서 만든 헤더 파일을 사용하려고합니다. 정상적으로 작동합니다. 헤더가 잘 표시되지만 정상적인 요소 인 <a> & <p> 등을 사용하려고하면 본문의 헤더에 CSS가 사용됩니다.

나는 이것이 CSS의 작동 방식을 알고 있지만 다른 <a> 태그에 대한 스타일링을 재설정 할 수있는 방법이 있기를 희망합니다. 나는 새로운 CSS 값 다음에 행운이없는 !important을 넣으려고했다. 내가 할 수있는 다른 방법이 있습니까?

CSS 재설정 파일을 사용하여 페이지 아래쪽 절반을 포함시킬 수 있습니까? 예를 들어, 실제 페이지에는 header와 site1.css가 있고 PHP를 사용하면 본문 코드가 필요할 때 site2.php에 cssreset.css가 포함될 수 있습니다.

편집 :이 게시물을 훨씬 더 사용자 친화적 인 것으로 만들었습니다. 이전 상태 인 것에 대해 유감입니다. 불량배를 제거하십시오.

+0

다른 모든 선언 뒤에 스타일을 다시 선언 할 수 있습니다. 마지막으로 사용 된 것은 무엇이든지 사용됩니다. – Scott

답변

0

설명하는 것은 CSS의 일반적인 문제입니다. 헤더에만 적용 할 CSS를 가상 네임 스페이스로 사용해야합니다. 이 같은 HTML이있는 경우 :

<header> 
    <h1>Site 2 header</h1> 
    … 
    <p>Here is an example <a href="http://example.com"> link</a>.</p> 
</header> 

그런 다음 당신은 거기 p 요소에 전역 스타일을 적용 할 수 있습니다, 또는 당신은 특별히 header p에 적용 할 수 있습니다. CSS가 그룹화 및 중첩을 구현할 때까지만이 스타일이 header의 자손에만 적용되도록하는 유일한 방법입니다.

+0

은 실제 요소입니까? 또는 와 같은 스타일을 적용 할 수 있습니까? – syntheticsaint

+0

@syntheticsaint'header'는 [실제 HTML5 요소입니다] (http://www.w3.org/TR/html5/sections.html#the-header-element)입니다. – kojiro

+0

CSS 리셋 파일을 사용하여 예를 들어 페이지 아래쪽 절반을 포함시킬 수 있습니까? 실제 페이지에는 header가 있고 site1.css에 php를 사용하면 site2.php가 포함될 수 있습니다. body2.php에는 body 코드가 필요할 때 cssreset.css가 들어 있습니다. – syntheticsaint

2

아주 더러운 트릭하지만 당신은 새 사이트 부분에 포함하는 사업부를 넣을 수 있습니다

old site 
<div class=newsiteparts> 
new site parts 
</div> 
old site 

및 업데이트 new_site.css을 같은 뭔가 :

.newsiteparts a{ 
    color:red 
} 
: 변환

a{ 
    color:red 
} 

+0

그래서 그는 파일에있는 모든 단일 선택기 *를 업데이트해야합니다. 그것을 파지하지 마십시오. – Purag

+0

변경해야 할 요소가 많습니다./ – syntheticsaint

관련 문제