无法从CodeIgniter中的Views调用外部css的外部CSS属性

问题描述 投票:2回答:3

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

.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
3个回答
3
投票

这段代码有两个问题:

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

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

类可以在HTML页面中多次使用, ID只能用于ONCE。

如果您只想在页面上使用此类元素,则需要更改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文件的缓存版本。

希望这可以帮助!


1
投票

我看到了你的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>

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

  1. 项目描述{ } 在css属性中使用#。
  2. 将HTML文件ID更改为类。

0
投票

最近从我的文件出来后如果有任何问题,我在Firefox上查看项目时进行了实验,它确实有效!我刚刚重新启动浏览器以便CSS调用工作..

© www.soinside.com 2019 - 2024. All rights reserved.