CSS文件未在laravel刀片视图中导入

Posted

技术标签:

【中文标题】CSS文件未在laravel刀片视图中导入【英文标题】:CSS file not imported in laravel blade view 【发布时间】:2022-01-05 04:02:05 【问题描述】:

我正在尝试将 CSS 文件导入我的 Laravel 视图之一,但由于某种原因它没有被包含在内。

这是我的视图文件中的内容:

@extends('layouts.admin')

@section('style')
<link href="asset('public/css/my-css-file.css')" rel="stylesheet"/>
@endsection

@section('content')
<div class="content">view content.....</div>
@endsection

如果我在布局文件中包含我的 css 文件,它可以正常工作,但我希望它只应用于一个视图。请问有什么帮助吗?谢谢。

【问题讨论】:

你的布局是什么样的?它会产生style 部分吗? 我在 html 的头部有 @section('style') ,其中包括其他用于布局的 css 文件。 @yield('content') 在 html 的正文部分。 【参考方案1】:

@yield('content') 产生@section('content') 的内容,因此您需要为您的@section('style') 做同样的事情:

将布局文件中的@section('style') 替换为@yield('style')

【讨论】:

然后将 css 应用于我不想要的整个布局,我希望它仅应用于视图。 嗯?您应该如何仅将样式应用于“视图”?您的视图位于布局“内部”。没有多大意义(对我来说)。调整样式以仅应用于视图中的特定元素。

以上是关于CSS文件未在laravel刀片视图中导入的主要内容,如果未能解决你的问题,请参考以下文章

vuejs 组件未在我的 laravel 5.3 刀片页面中呈现

@include 之后刀片未在刀片中显示内容 - Laravel 4.2

我的视图不包括刀片模板的 CSS - laravel 8

Laravel 刀片中的 Vue 错误:属性或方法“类型”未在实例上定义,但在渲染期间引用

Laravel 刀片视图不工作,没有刀片工作

在 Laravel 刀片文件中使用 css 样式标签