Php 头文件中的CSS/less仅适用于索引页
欢迎来到我的第一篇帖子。我在stackoverflow搜索了一个小时才找到我需要的awnser，但没有成功 我目前正在创建自己的网站，用processwire和bootstrap测试php。一般来说，我对编程相当陌生，但我只有三周的php/processwire经验。我之所以使用它，是因为我得到了一个实习机会，他们在那里使用它，我想在业余时间创建自己的项目，以加快学习过程Php 头文件中的CSS/less仅适用于索引页,php,css,bootstrap-4,less,processwire,Php,Css,Bootstrap 4,Less,Processwire,欢迎来到我的第一篇帖子。我在stackoverflow搜索了一个小时才找到我需要的awnser，但没有成功 我目前正在创建自己的网站，用processwire和bootstrap测试php。一般来说，我对编程相当陌生，但我只有三周的php/processwire经验。我之所以使用它，是因为我得到了一个实习机会，他们在那里使用它，我想在业余时间创建自己的项目，以加快学习过程 我在每个模板中导入一个单独的页眉/页脚文件。我注意到，导入到头文件中的CSS只在my home.php模板上工作，而不在其
我在每个模板中导入一个单独的页眉/页脚文件。我注意到，导入到头文件中的CSS只在my home.php模板上工作，而不在其他模板上工作。来自头部的html/php工作正常，只是css不起作用 我的文件：
- 场地
- 资产
- 少
- 无样式
- 少
- 模板
- _包括
- _head.php
- _foot.php
- home.php
- basic-page.php
- _包括
我试过：
- 更改为css而不是更少
- 使用../而不是站点更改css导入/
- 将home.php的所有内容复制到basic-page.php中，查看 问题出在模板中
标题部分：
这是标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
这是标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
这是标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
这是标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
这是标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
这是标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
这是标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
<?php namespace ProcessWire; ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title><?php echo $page->title; ?></title>
<meta name="description" content="<?php echo $page->summary; ?>" />
<!-- MDB icon -->
<!-- <link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon"> -->
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<!-- Google Fonts Roboto -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
<!-- Google Fonts -->
<link href='//fonts.googleapis.com/css?family=Lusitana:400,700|Quattrocento:400,700' rel='stylesheet' type='text/css' />
<!-- Bootstrap core CSS -->
<link rel="stylesheet" type="text/css" href="site/assets/css/bootstrap/bootstrap.min.css" />
<!-- Material Design Bootstrap -->
<link rel="stylesheet" type="text/css" href="site/assets/css/bootstrap/mdb.min.css" />
<!-- Your custom styles (optional) -->
<link rel="stylesheet" type="text/css" href="site/assets/less/styles.less" />
</head>
<body>
</footer>
<!--/.Footer-->
<!-- End your project here-->
<!-- jQuery -->
<script type="text/javascript" src="site/assets/js/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="site/assets/js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="site/assets/js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="site/assets/js/mdb.min.js"></script>
<!-- Your custom scripts (optional) -->
<script type="text/javascript" src="site/assets/js/main.js" ></script>
<!-- Import less file -->
<script type="text/javascript" src="/site/assets/js/less.js" ></script>
</body>
</html>
<?php include('./_includes/_head.php'); // include header markup ?>
<main>
<!--Main layout-->
<div class="container">
<!--First row-->
<!--/.First row-->
<hr class="extra-margins">
<!--Second row-->
<div class="row">
<!--Test columnn-->
<div class="col-lg-4">
<!--Card-->
<div class="card wow fadeIn" data-wow-delay="0.2s">
<!--Card image-->
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Horizontal/Architecture/4-col/img%20(3).jpg" alt="Card image cap">
<!--Card content-->
<div class="card-body">
<!--Title-->
<h4 class="card-title">This is title</h4>
<!--Text-->
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-info">Read more</a>
</div>
</div>
<!--/.Card-->
</div>
<!--Test columnn-->
<!--First columnn-->
<div class="col-lg-4">
<!--Card-->
<div class="card wow fadeIn" data-wow-delay="0.2s">
<!--Card image-->
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Horizontal/Architecture/4-col/img%20(3).jpg" alt="Card image cap">
<!--Card content-->
<div class="card-body">
<!--Title-->
<h4 class="card-title">This is title</h4>
<!--Text-->
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-info">Read more</a>
</div>
</div>
<!--/.Card-->
</div>
<!--First columnn-->
<!--Second columnn-->
<div class="col-lg-4">
<!--Card-->
<div class="card wow fadeIn" data-wow-delay="0.4s">
<!--Card image-->
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Horizontal/Architecture/4-col/img%20(1).jpg" alt="Card image cap">
<!--Card content-->
<div class="card-body">
<!--Title-->
<h4 class="card-title">This is title</h4>
<!--Text-->
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-info">Read more</a>
</div>
</div>
<!--/.Card-->
</div>
<!--Second columnn-->
<!--Third columnn-->
<div class="col-lg-4">
<!--Card-->
<div class="card wow fadeIn" data-wow-delay="0.6s">
<!--Card image-->
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Horizontal/Architecture/4-col/img%20(4).jpg" alt="Card image cap">
<!--Card content-->
<div class="card-body">
<!--Title-->
<h4 class="card-title">This is title</h4>
<!--Text-->
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-info">Read more</a>
</div>
</div>
<!--/.Card-->
</div>
<!--Third columnn-->
</div>
<!--/.Second row-->
</div>
<!--/.Main layout-->
</main>
<?php include('./_includes/_foot.php'); // include footer markup ?>
<?php include('./_includes/_head.php'); // include header markup ?>
<main>
<!--Main layout-->
<div class="container">
<!--First row-->
<!--/.First row-->
<hr class="extra-margins">
<!--Second row-->
<div class="row">
<!--Test columnn-->
<div class="col-lg-4">
<!--Card-->
<div class="card wow fadeIn" data-wow-delay="0.2s">
<!--Card image-->
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Horizontal/Architecture/4-col/img%20(3).jpg" alt="Card image cap">
<!--Card content-->
<div class="card-body">
<!--Title-->
<h4 class="card-title">This is title</h4>
<!--Text-->
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-info">Read more</a>
</div>
</div>
<!--/.Card-->
</div>
<!--Test columnn-->
<!--First columnn-->
<div class="col-lg-4">
<!--Card-->
<div class="card wow fadeIn" data-wow-delay="0.2s">
<!--Card image-->
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Horizontal/Architecture/4-col/img%20(3).jpg" alt="Card image cap">
<!--Card content-->
<div class="card-body">
<!--Title-->
<h4 class="card-title">This is title</h4>
<!--Text-->
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-info">Read more</a>
</div>
</div>
<!--/.Card-->
</div>
<!--First columnn-->
<!--Second columnn-->
<div class="col-lg-4">
<!--Card-->
<div class="card wow fadeIn" data-wow-delay="0.4s">
<!--Card image-->
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Horizontal/Architecture/4-col/img%20(1).jpg" alt="Card image cap">
<!--Card content-->
<div class="card-body">
<!--Title-->
<h4 class="card-title">This is title</h4>
<!--Text-->
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-info">Read more</a>
</div>
</div>
<!--/.Card-->
</div>
<!--Second columnn-->
<!--Third columnn-->
<div class="col-lg-4">
<!--Card-->
<div class="card wow fadeIn" data-wow-delay="0.6s">
<!--Card image-->
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Horizontal/Architecture/4-col/img%20(4).jpg" alt="Card image cap">
<!--Card content-->
<div class="card-body">
<!--Title-->
<h4 class="card-title">This is title</h4>
<!--Text-->
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-info">Read more</a>
</div>
</div>
<!--/.Card-->
</div>
<!--Third columnn-->
</div>
<!--/.Second row-->
</div>
<!--/.Main layout-->
</main>
<?php include('./_includes/_foot.php'); // include footer markup ?>
<?php namespace ProcessWire; ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title><?php echo $page->title; ?></title>
<meta name="description" content="<?php echo $page->summary; ?>" />
<!-- MDB icon -->
<!-- <link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon"> -->
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<!-- Google Fonts Roboto -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
<!-- Google Fonts -->
<link href='//fonts.googleapis.com/css?family=Lusitana:400,700|Quattrocento:400,700' rel='stylesheet' type='text/css' />
<!-- Bootstrap core CSS -->
<link rel="stylesheet" type="text/css" href="site/assets/css/bootstrap/bootstrap.min.css" />
<!-- Material Design Bootstrap -->
<link rel="stylesheet" type="text/css" href="site/assets/css/bootstrap/mdb.min.css" />
<!-- Your custom styles (optional) -->
<link rel="stylesheet" type="text/css" href="site/assets/less/styles.less" />
</head>
<body>
<link rel="stylesheet" type="text/css" href="site/assets/less/styles.less" />
<?php include 'site/assets/less/styles.less'; ?>
<?php include '/path/to/header.php'; ?>