如何使用 include 而不与现有内容混合

Question

我需要紧急帮助。我有一个页面，我想添加位于另一个 php.ini 外部的横幅和文本。我使用 include 函数，它工作得很好......但是，添加新代码时，网站上已有的内容会影响它。也就是说，我添加了 include 以便它读取 php 文件，它读取得很好，但它会影响已经存在的样式。

从索引中我将其放置如下：

<!-- BANNER -->

<?php
include('banner_a/banner_a.php');
?>


<?php require './sections/featured.php'; ?>
<?php require './sections/featured-stores.php'; ?>
<?php require './sections/categories.php'; ?>


<!-- FOOTER -->
<?php require './sections/footer.php'; ?>

banner_a.php 是包含样式的横幅代码。我不知道如何关闭和维护banner_a.php的样式，这样它就不会影响已经存在的索引代码。怎样才能锁起来才不影响其他的呢？

我尝试了 include 并且它有效，但是当我将其添加到索引中时，当 include 调用外部 php 时，页面上已有的内容会受到影响（样式）。

外部代码：

<link rel="stylesheet" href="banner_a/assets/web/assets/icons/icons.css">
  <link rel="stylesheet" href="banner_a/assets/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="banner_a/assets/bootstrap/css/bootstrap-grid.min.css">
  <link rel="stylesheet" href="banner_a/assets/bootstrap/css/bootstrap-reboot.min.css">
  <link rel="preload" as="style" href="banner_a/assets/file/css/additional.css"><link rel="stylesheet" href="banner_a/assets/file/css/additional.css" type="text/css">
    <div class="overlay" style="opacity: 0.4; background-color: rgb(68, 121, 217);">
    </div>
    <div class="container">
        <div class="row justify-content-center">
            <div class="card col-12 col-lg-10">
                <div class="card-wrapper">
                    <div class="card-box align-center">
                        <h4 class="card-title asd-fonts-style align-center as-4 display-5"><strong>Quieres ser miembro de Buterffly?</strong></h4>
                        <p class="text asd-fonts-style as-4 display-7">adquiere los planes especiales que tenemos para ti</p>
                        <div class="section-btn mt-3"><a class="btn btn-warning display-4" href="https://url.com">Ver planes</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Answer 1

您无法避免

banner_a.php

中的样式影响网站的其他元素。

您需要使用 CSS

class

和

id

来指定

banner_a.php

中的样式。

您应该创建外部 CSS 文件来管理您网站的样式。

查看此处的一些示例：https://www.w3schools.com/css/css_selectors.asp