在代码点火器中调用外部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>
有两种方法可以更正代码。
项目描述{ }
在 CSS 属性中使用 #。
- 将 HTML 文件 ID 更改为类。
最近从我的文件中取出是否有任何问题后,当我在 Firefox 上查看该项目时,我进行了实验,它确实有效!我刚刚重新启动了浏览器,以便CSS调用正常工作。