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



在代码点火器中调用外部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">

在作为显示.php的自定义视图中,即使我已经包含外部 CSS 文件,它也不会调用 CSS 属性。对此的解决方案是什么?

此代码有两个问题:

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

ID的前缀是#
的前缀是.

可以在一个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代码。您可以使用:

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

你在 css 中使用了 . symbole,你在 html 中使用了 id :

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

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

  1. 项目描述{ }

    在 CSS 属性中使用 #。

  2. 将 HTML 文件 ID 更改为类。

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

相关内容

  • 没有找到相关文章

最新更新