2016-09-15 16 views
0

我正在用php開發一個網站。我有一個navigation.php頁面,一個design.php頁面和一個footer.php頁面。所有這三個頁面都有自己的內部CSS。我將使用include命令在index.php中添加所有三個頁面。 事情是這樣的:php'include'在css中給出錯誤

的index.php

<?php 
include 'navigation.php'; 
include 'design.php'; 
include 'footer.php'; 
?> 

但正如一些navigation.php和footer.php HTML元素都喜歡無序列表ulli相同,但他們的CSS是不同的在這兩個文件中。但是當我打開index.php頁面時footer.php的某些部分因中的相同html元素的不同CSS而變得混亂。但是當我單獨打開它們時,沒有問題。

頁面是這樣的:

navigation.php:

<style> 
....css... 
</style> 
<body> 
<ul> 
<li>Home</li> 
<li>Sign Up</li> 
<li>Log In</li> 
</ul> 
</body> 

footer.php

<style> 
...css... 
</style> 
<body> 
<ul> 
<li>Privacy Policy</li> 
<li>Report Bug</li> 
</ul> 
</body> 

這僅僅是示例代碼。我怎麼解決這個問題?

+0

是你在同一個文件夾中提到的那些php文件嗎? –

+0

你們都在同一個文件夾中 –

回答

0

我硝基甲苯知道什麼是你的design.php內,但爲的index.php試試這個

<?php include_once('header.php');?> 
    <html lang="en"> 
     <head> 
     <title>index.php</title> 
     </head> 

     <body> 
      ..something.... 
     </body> 
     <?php include_once('footer.php');?> 
    </html> 
0

它看起來就像你重新定義你的各種PHP文件相同的樣式。嘗試在ul元素上設置一個類併爲ul定義樣式,例如likle這

的header.php

<style> 
.header { 
color: red; 
} 
</style> 
<ul class="header"> 
<li>blabla</li> 
<li>bla</li> 
</ul> 

footer.php

<style> 
.footer { 
color: blue; 
} 
</style> 
<ul class="footer"> 
<li>aaa</li> 
<li>bbb</li> 
</ul> 

你也應該刪除<body>標籤從包括。你可以在html頁面只有一個body標籤。

+0

它不可能爲我重新爲每個元素設置一個類,因爲有很多代碼很重要。你可以建議一些其他方式與哪一個頁面的CSS不會影響其他人的使用包括。 –

+0

您只需要在父對象上設置類,就像我在UL中那樣。這種風格也適用於所有的孩子。無需爲所有孩子設置課程。沒有在同一個html頁面中重複的選擇器樣式會相互覆蓋。您可以將相同的類選擇器添加到不同的樣式。看到這裏的例子http://www.w3schools.com/css/css_syntax.asp – Guenther