Не удается вызвать внешнее свойство CSS из внешнего CSS из Views в CodeIgniter

Question

У меня проблемы с вызовом внешнего свойства CSS в Code Igniter.У меня есть собственный файл CSS под названием custom.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">

В пользовательском представлении, которое является display.php, оно не вызывает свойство CSS, даже если я уже включил внешний CSSфайл.Каким будет решение этой проблемы?

Answer 1

Я вижу ваш код CSS.Вы используете:

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

Вы используете.символ в CSS и вы используете в HTML это идентификатор:

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

Есть два способа исправить ваш код.

1. project-description {}

   используйте # в свойстве css.

2. Измените идентификатор своего HTML-файла на class.

Answer 2

Есть две проблемы с этим кодом:

Ваш элемент <p> указывает, что он ID как project-description,
Однако вы указали его как Класс в своем файле CSS.

Префикс для ID : #,
Префикс для Class : .

Классы могут использоваться более одного раза на 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.

Надеюсь, это поможет!

Answer 3

После недавнего перехода от моих файлов, если есть какие-либо проблемы, я экспериментировал с ним, когда смотрю проект на Firefox, и он работает !.И я просто перезапустил свой браузер, чтобы сработал вызов CSS.