我在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属性。这将是什么解决方案?
这段代码有两个问题:
你的<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文件的缓存版本。
希望这可以帮助!
我看到了你的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>
有两种方法可以纠正您的代码。
最近从我的文件出来后如果有任何问题,我在Firefox上查看项目时进行了实验,它确实有效!我刚刚重新启动浏览器以便CSS调用工作..