Can';t从CodeIgniter中的视图中的外部CSS调用外部CSS属性
在代码点火器中调用外部Can';t从CodeIgniter中的视图中的外部CSS调用外部CSS属性,css,codeigniter,Css,Codeigniter,在代码点火器中调用外部CSS属性时,我遇到了一些麻烦。我有一个名为custom.css的自定义css文件,它来自资产文件夹。然而,当我从一个视图调用它时,它并不调用它。我的财产如下: .project-description{ background-color: #fff; padding: 20px; border-radius: 6px; box-shadow: 0px 0px 3px 1px; } <p id='project-descrip
CSS
属性时,我遇到了一些麻烦。我有一个名为custom.css
的自定义css文件,它来自资产文件夹。然而,当我从一个视图调用它时,它并不调用它。我的财产如下:
.project-description{
background-color: #fff;
padding: 20px;
border-radius: 6px;
box-shadow: 0px 0px 3px 1px;
}
<p id='project-description'>
<?php echo $project_data->project_body; ?>
</p>
我有一个名为display.php的自定义视图,如下所示:
.project-description{
background-color: #fff;
padding: 20px;
border-radius: 6px;
box-shadow: 0px 0px 3px 1px;
}
<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">
在最近查看了我的文件后,如果有任何问题,我在Firefox上查看项目时进行了试验,它确实有效!。我刚刚重新启动了浏览器,以便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>
有两种方法可以更正代码
项目说明{}
在css属性中使用#
将HTML文件id更改为类
此代码有两个问题:
您的
元素将它的ID指定为项目描述
,
但是您在CSS文件中将它指定为类
ID的前缀是#
,
类的前缀是
类可以在HTML页面中多次使用,
ID的只能使用一次
如果只想在页面上使用一次这种类型的元素,则需要将CSS文件更改为使用#project description
而不是。project description
如果要在页面上多次使用此类型的元素,则需要将HTML文件更改为使用:
<p id='project-description'>
致:
第二个“问题”是CSS URL正以一种奇怪的方式被抓取。(为了可读性/一致性,我会修改它)
目前您有:
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/custom.css">
调用css类时,我忘了编辑关于类1的问题,但感谢您的帮助。谢谢你。。
<link rel="stylesheet" href="<?php echo base_url('assets/css/custom.css?version=0.1'); ?>">