Question

我正在开发一个php网站。我有一个navigation.php页面，一个design.php页面和一个footer.php页面。这三个页面都有自己的内部CSS。我使用include命令在index.php中添加了所有三个页面。像这样：

index.php ：

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

但由于navigation.php和footer.php中的某些html元素与无序列表ul或li相同，但它们的CSS在两个文件中都不同。但是，当我打开index.php页面时，由于footer.php中相同html元素的CSS不同，navigation.php的某些部分会混乱。但是，当我单独打开它们时，没有任何问题。

页面是这样的：

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>

这只是示例代码。我该如何解决这个问题？

Answer 1

我知道你的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>

Answer 2

看起来你正在重新定义各种php文件中的相同样式。尝试在ul元素上设置一个类，并为ul定义样式，例如：喜欢这个

的header.php

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

footer.php

<body>

您还应该从包含中删除{ name:'prod 1', tags:['tag1','tag3'] }, { name:'prod 2', tags:['tag2'] }, { name:'prod 3', tags:['tag2','tag3'] }标记。你可以在html页面中只有一个body标签。

php＆＃39; include＆＃39;在css中给出错误

2 个答案: