2011-12-30 16 views
-5

我有一個網站,我非常愚蠢地創建了兩半。我現在正在將它們合併爲一個完整的完成站點。問題是我有CSS內的圖層。我會試着解釋一個我希望我能幫助你完全理解的例子。我正在合併兩個網站

站點1和站點2每個都是完成的站點的一半,站點3.爲了使這一點更容易,站點1由登錄/註冊/索引/成員索引組成。站點2包含成員頁面,如成員索引和其他受限制文件。現在,這個問題。我試圖使用我在網站2上的網站1上創建的頭文件。它工作正常。標題顯示正常,但是當我嘗試使用普通元素(例如<a> & <p>等等)時,它將CSS用於正文中的標題。

我知道這是CSS的工作原理,但我希望有一種方法可以重置我的其他<a>標籤的樣式。我試過在新的CSS值之後放入!important,但沒有運氣。有沒有其他辦法可以做到這一點?

我可以使用CSS重置文件,然後將其包含在頁面的一半?例如,實際的頁面會在它的頭部和site1.css然後使用PHP我可以包括site2.php,其中有一個cssreset.css,當我想要的身體代碼?

編輯:我已經讓這個帖子更加用戶友好,我很抱歉它以前的狀態。請刪除你的badrep。

+0

您可以在所有其他聲明之後重新聲明樣式。無論最後是什麼使用。 – Scott 2011-12-30 20:38:32

回答

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 2011-12-30 20:58:58

+0

@syntheticsaint'header'是[一個真正的HTML5元素](http://www.w3.org/TR/html5/sections.html#the-header-element)。 – kojiro 2011-12-30 21:07:59

+0

我可以使用一個CSS重置文件,然後將其包含在頁面的一半,例如。實際的頁面會有它的頭和site1.css然後使用PHP我可以包括site2.php其中有一個cssreset.css在我想要的身體代碼? – syntheticsaint 2011-12-30 22:29:53

2

一個非常骯髒的伎倆,但你可以將一個覆蓋格到新的站點部分:

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

和更新new_site.css的東西,如:

a{ 
    color:red 
} 

轉換爲:

.newsiteparts a{ 
    color:red 
} 
+0

因此,他必須更新他的文件中的每個選擇器*。不挖它。 – Purag 2011-12-30 20:45:58

+0

我確實需要改變很多元素:/ – syntheticsaint 2011-12-30 21:02:02