无法从 CodeIgniter 中的视图中的外部 css 调用外部 CSS 属性答案

【问题标题】：Can't call the external CSS property from external css from Views in CodeIgniter无法从 CodeIgniter 中的视图中的外部 css 调用外部 CSS 属性
【发布时间】：2018-09-18 10:48:26
【问题描述】：

在调用 Code Igniter 中的外部 CSS 属性时，我遇到了一些麻烦。我有一个名为custom.css 的自定义css 文件，它来自资产文件夹。但是，当我从视图中调用它时，它不会调用它。我的财产如下：

.project-description{
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0px 0px 3px 1px;
}

我有一个名为 display.php 的自定义视图，我将其命名如下：

    <p id='project-description'>
        <?php echo $project_data->project_body; ?>
    </p>

在我的主视图中，我调用 css 属性所在的外部 css 文件的布局：

<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/custom.css">

在 display.php 的自定义视图中，即使我已经包含了外部 CSS 文件，它也不会调用 CSS 属性。有什么办法解决这个问题？？

【问题讨论】：

标签： css codeigniter

【解决方案1】：

这段代码有两个问题：

您的<p> 元素将其ID 指定为project-description，
但是您已在CSS 文件中将其指定为Class。

ID 的前缀是#，
Class 的前缀是.

类可以在 HTML 页面中多次使用，
ID只能使用一次。

如果您只想在页面上使用这种类型的元素一次，则需要将 CSS 文件更改为使用 #project-description 而不是 .project-description

如果您想在页面上多次使用此类元素，则需要更改您的 HTML 文件以使用：

<p id='project-description'>

收件人：

<p class='project-description'>

第二个“问题”是 CSS URL 以一种奇怪的方式被抓取。（为了可读性/一致性，我会修复它）

目前你有：

<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/custom.css">

我觉得需要改成：

<link rel="stylesheet" href="<?php echo base_url('assets/css/custom.css'); ?>">

如果这不能解决问题，可能是因为缓存了旧版本的 CSS 文件，并且没有使用最新的最新版本重新加载。在对 CSS 进行许多更改时，这可能会成为一个问题。对 CSS 文件进行更改时，您可以在末尾添加一个版本号，如下所示：

<link rel="stylesheet" href="<?php echo base_url('assets/css/custom.css?version=0.1'); ?>">

每次更新 CSS 文件时，您都可以更改版本号，它会确保重新加载 CSS 文件，否则您可能会获得 CSS 文件的缓存版本。

希望这会有所帮助！

【讨论】：

我在调用 css 类时忘记编辑关于第一类的问题，但感谢您的帮助。欣赏它..

【解决方案2】：

我看到了你的 CSS 代码。你有使用：

.project-description{
background-color: #fff;
padding: 20px;
border-radius: 6px;
box-shadow: 0px 0px 3px 1px;}

你有使用 . css 中的符号和你在 html 中使用的是 id:

<p id='project-description'>
    <?php echo $project_data->project_body; ?>
</p>

有两种方法可以更正您的代码。

项目描述{ }

在 css 属性中使用 #。
将您的 HTML 文件 ID 更改为类。

【讨论】：

【解决方案3】：

最近从我的文件中检查是否有任何问题后，我在 Firefox 上查看项目时进行了实验，它确实有效！。我刚刚重新启动浏览器以使 CSS 调用正常工作..

【讨论】：

项目描述{ }